기능, API 명세서

기능 명세서

ERD 설계

와이어 프레임

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FCqrSKHWMJg6BryWXfnyvXL%2F%25EB%2591%2598%25EC%25BD%2594%25EC%25BD%2594-team-library%3Fnode-id%3D0%253A1

컴포넌트 설계

├── 
├── src
│   ├── api
│   ├── assets
│   ├── components
│   │   ├── NavBar.vue
│   │   ├── CardList.vue
│   │   ├── CardListItem.vue
│   │   ├── InputForm.vue
│   │   ├── TheButton.vue
│   │   ├── ScrollProgress.vue
│   │   ├── ThePagenation.vue
│   │   ├── ProfileAvatar.vue
│   │   ├── SearchMovieModal.vue
│   │   ├── TheLoginModal.vue
│   │   ├── TheProfileModal.vue
│   │   ├── TheSignUpModal.vue
│   │   ├── UserInfo.vue
│   │   ├── UserInfoContent.vue
│   │   ├── UserChangeModal.vue
│   │   ├── UserStateModal.vue
│   │   ├── CardCarousel.vue
│   │   ├── ReviewForm.vue
│   │   ├── ReviewList.vue
│   │   ├── ReviewListItem.vue
│   │   ├── DetailBody.vue
│   │   ├── ThumnailTrailerList.vue
│   │   ├── ThumnailTrailerListItem.vue
│   │   ├── ReviewModal.vue
│   │   ├── ArticleList.vue
│   │   ├── ArticleListItem.vue
│   │   ├── ArticleDetail.vue
│   │   ├── ArticleDetailModal.vue
│   │   ├── ArticleCommentForm.vue
│   │   ├── ArticleCommentList.vue
│   │   ├── ArticleCommentListItem.vue
│   │   ├── ArticleCreateForm.vue
│   │   ├── ProfileAvatarForm.vue
│   │   ├── RecentSearchList.vue
│   │   └── RecentSearchListItem.vue
├── router
│   └── index.js
├── store
│   └── modules
│   │   └── accounts.
│   └── index.js
├── views
│   ├── HomeView.vue
│   ├── MovieDetailView.vue
│   ├── MovieReviewView.vue
│   ├── TrailerView.vue
│   ├── ArticleListView.vue
│   ├── ArticleDetailView.vue
│   ├── ArticleCreateView.vue
│   ├── ArticleUpdateView.vue
│   ├── UserInfoView.vue
│   └── SearchMovieView.vue
├── main.js
├── .env.local
...생략
└── READEME.md

컴포넌트 설계