zxxng/cryptolab-frontend-test

CryptoLab 프론트엔드 구현 테스트

cryptoLab-frontend-test

---

📌 프로젝트 실행 방법

cd movie-app
npm i
npm run dev

• http://localhost:3000 접속 ▶️ 이미 3000 포트가 사용중일 경우 콘솔 안내 메세지에 따라서 접속

🛠️ 사용 기술

📁 폴더 구조

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	자잘한 수정에 대한 커밋