🟣 FE


├── README.md
├── __mocks__
│   └── next
│       ├── image.js
│       ├── link.js
│       └── router.js
├── components
│   ├── base
│   │   ├── Avatar
│   │   ├── Badge
│   │   ├── Dropdown
│   │   ├── Input
│   │   ├── Loading
│   │   ├── Logo
│   │   ├── Modal
│   │   ├── Text
│   │   ├── Textarea
│   │   ├── Toggle
│   │   ├── Upload
│   │   └── index.js
│   ├── common
│   │   ├── Header
│   │   ├── Navbar
│   │   └── index.js
│   └── domain
│       ├── AddSurfModal
│       ├── AreaChartComponent
│       ├── Calendar
│       ├── CalendarCard
│       ├── Carot
│       ├── CategoryCard
│       ├── ContentBox
│       ├── DashboardCard
│       ├── DatePicker
│       ├── EditAboutMe
│       ├── HeatmapChartComponent
│       ├── InputItem
│       ├── NoticeCard
│       ├── Post
│       ├── PostDetail
│       ├── Profile
│       ├── RadialBarChartComponent
│       ├── ScoreSlider
│       ├── SkeletonBox
│       ├── Tabs
│       └── index.js
├── constants
│   ├── DropdownData.js
│   ├── PostData.js
│   └── environment.js
├── hooks
│   ├── index.js
│   ├── useForm.js
│   ├── useHover.js
│   └── useToggle.js
├── jsconfig.json
├── next.config.js
├── package.json
├── pages
│   ├── 404
│   │   ├── index.jsx
│   │   └── style.js
│   ├── _app.jsx
│   ├── _document.jsx
│   ├── categorymanage
│   │   └── index.jsx
│   ├── dashboard
│   │   ├── index.jsx
│   │   └── style.js
│   ├── explore
│   │   └── index.jsx
│   ├── index.jsx
│   ├── login
│   │   └── index.jsx
│   ├── main.jsx
│   ├── mypage
│   │   ├── edit
│   │   ├── index.jsx
│   │   └── style.js
│   ├── posts
│   │   ├── [month]
│   │   ├── all
│   │   └── new
│   └── signup
│       ├── index.jsx
│       └── style.js
├── public
│   ├── favicon.ico
│   ├── fonts
│   │   ├── AppleSDGothicNeo
│   │   └── Frutiger
│   ├── images
│   │   ├── loadingAnimation.json
│   │   ├── logo
│   │   ├── sample.jpeg
│   │   ├── surfPapa.png
│   │   └── upload.svg
│   ├── lottie
│   │   └── surfing-poodle.json
│   └── vercel.svg
├── stories
│   ├── base
│   │   ├── Avatar.stories.jsx
│   │   ├── Badge.stories.jsx
│   │   ├── Dropdown.stories.jsx
│   │   ├── Input.stories.jsx
│   │   ├── Loading.stories.jsx
│   │   ├── Logo.stories.jsx
│   │   ├── Text.stories.jsx
│   │   ├── Textarea.stories.jsx
│   │   ├── Toggle.stories.jsx
│   │   └── Upload.stories.jsx
│   ├── common
│   │   ├── Header.stories.jsx
│   │   └── Navbar.stories.jsx
│   ├── domain
│   │   ├── AreaChartComponent.stories.jsx
│   │   ├── Calendar.stories.jsx
│   │   ├── Carot.stories.jsx
│   │   ├── CategoryCard.stories.js
│   │   ├── ContentBox.stories.jsx
│   │   ├── DashboardCard.stories.jsx
│   │   ├── DatePicker.stories.jsx
│   │   ├── EditAboutMe.stories.jsx
│   │   ├── HeatmapChartComponent.stories.jsx
│   │   ├── NoticeCard.stories.jsx
│   │   ├── Post.stories.jsx
│   │   ├── PostDetail.stories.jsx
│   │   ├── RadialChartComponent.stories.jsx
│   │   ├── ScoreSlider.stories.jsx
│   │   ├── SkeletonBox.stories.jsx
│   │   └── Tabs.stories.jsx
│   └── hooks
│       ├── useForm.stories.jsx
│       ├── useHover.stories.jsx
│       └── useToggle.stories.jsx
├── styles
│   ├── globals.css
│   └── theme.js
├── utils
│   ├── SampleData
│   │   ├── AreaChartComponent1.js
│   │   ├── AreaChartComponent2.js
│   │   ├── CategoryCard.js
│   │   ├── CategoryManage.js
│   │   ├── CategoryScore.js
│   │   ├── Explores.js
│   │   ├── Mypage.js
│   │   ├── PostDetail.js
│   │   ├── Posts.js
│   │   ├── RadialChartComponent.js
│   │   └── heatmapChart.js
│   ├── apis
│   │   ├── api.js
│   │   ├── category
│   │   ├── fetcher.js
│   │   ├── follow
│   │   ├── like
│   │   ├── post
│   │   └── user
│   └── validation
│       └── index.js
├── yarn-error.log
└── yarn.lock

🔵 BE

API 설계

💥 TODO : 소켓 통신을 이용한 알림 기능