javascript-movie-review

FE 5기 레벨1 영화관 미션

페어프로그래밍 룰

1. 드라이버가 주도 네비게이터가 조언
2. 드라이버 변경시간 30분
3. 네비게이터는 집중을 잃지 않는다.
4. 2시간마다 15분 휴식
5. 모르는 부분 / 논의가 필요한 부분 나오면 타이머 중단
6. 화장실이나 급한 사정은 유도리 있게

컴포넌트를 분리하려는 목적

1. 재사용성이 좋아진다.
   • 문제 요구사항을 분석했을 때, 재사용 되는 요소들이 많았다고 생각이 들었다.(더보기 버튼, 영화 목록 아이템, 페이지 타이틀)
   • 또한, 앱의 기능이 확장 되었을 때, 재사용 하려 만든 요소를 이용해 쉽게 기능을 확장할 수 있다고 판단이 들었다.
2. 가독성이 좋아진다.
   • 파일을 컴포넌트 단위로 나누고, 컴포넌트를 UI, 기능별로 나누어 한 파일에 한 UI, 기능 단위의 로직만 들어가게 되어 개발자 입장에서 보기 좋은 프로젝트가 된다.
3. 독립성이 향상된다.
   • 컴포넌트로 나누게 되면 각각의 다른 컴포넌트(기능)들의 간섭을 덜 받게 되어 로직의 안정성이 높아진다.

개발 환경

• node v16.14.0
• npm 8.3.1

API Key 설정 방법

• API 키를 숨기기 위해 레퍼지토리에서 숨김 처리 해두었습니다.

1. src/constants 디렉토리 하위에 key.js 생성
2. 다음의 내용 입력

export const API_KEY = "사용할 API 키";

e2e 테스트 방법

1. npm run start로 local server 구동(포트 8081 고정)
2. npm run test-e2e로 cypress 구동
3. E2E-Testing -> Start E2E Testing in Chrome 클릭
4. cypress 창이 뜨면 movie-e2e.cy.ts 클릭