cd movie-app
npm i
npm run dev
![](https://camo.githubusercontent.com/285ab4821a49901296f0a200dd024547f2a12657673caf8e1b5524041cb1dd0e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f547970655363726970742d3331373843363f7374796c653d666f722d7468652d6261646765266c6f676f3d74797065736372697074266c6f676f436f6c6f723d7768697465)
![](https://camo.githubusercontent.com/0f7a44de298a6caa693d5c2e343bf32d0ca7f83198103f5aa240009cae6cd877/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4e6578742e6a732d3030303030303f7374796c653d666f722d7468652d6261646765266c6f676f3d6e657874646f746a73266c6f676f436f6c6f723d7768697465)
![](https://camo.githubusercontent.com/59b6265f35c4201472acaf32f4a33553a5715c53a119bf0ac09dff971c9c1567/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e64204353532d3036423644343f7374796c653d666f722d7468652d6261646765266c6f676f3d7461696c77696e64637373266c6f676f436f6c6f723d7768697465)
app
├── _components # 공통 컴포넌트
│ ├── Modal.tsx
│ ├── RatingStars.tsx
│ └── SvgIcon.tsx
├── globals.css
├── layout.tsx
├── movie-detail
│ └── [id]
│ ├── _components # movie-detail 페이지 컴포넌트
│ │ ├── FavoriteButton.tsx
│ │ ├── MoreLikeThis.tsx
│ │ └── MovieDetail.tsx
│ └── page.tsx
└── movie-list
├── _components # movie-list 페이지 컴포넌트
│ ├── MenuBar.tsx
│ ├── MovieCard.tsx
│ ├── PageBar.tsx
│ └── SelectBox.tsx
└── page.tsx
커밋 유형 |
설명 |
feat |
새로운 기능 구현, 특징 추가 |
fix |
버그해결, 수정 |
refactor |
리팩토링 |
rename |
파일명, 디렉토리명 변경 |
remove |
파일, 디렉토리 삭제 |
docs |
문서 관련 작업 |
chore |
자잘한 수정에 대한 커밋 |