1. Day 05.

-> 오늘 수업은 주로 UI 구현에 대한 내용으로, NEXT 강의인지라 CSS에 대한 공부를 하는게 아니라 필요한 UI를 한번에 구현해두겠다는 것이다.
-> 따라서 이론적 내용은 없음..

2. Day 05 미션.

한입-씨네마 UI 구현하기

미션 제출은 다음 방법중 하나를 선택하시면 됩니다.

• 결과 화면 캡쳐 (페이지 결과물만 주소와 함께 캡쳐하시거나 프로젝트 파일 구조를 함께 캡쳐해주세요.)
• GitHub에 프로젝트 업로드 후 링크로 공유

0. 더미데이터 설정하기
1. 타입 설정하기
2. 인덱스 페이지 UI 구현
3. 서치 페이지 UI 구현
4. 상세 페이지 UI 구현

결과 화면 캡쳐

• 과제 문서에서는 검색 기능과 상세 페이지가 정상 동작하는데.. 수업에서 진행한 진도 상으로는 외부에서 데이터를 능동적으로 가져오는게 아니라 학습용 임시 데이터 하나만을 컴포넌트에 하드코딩하고 있어서 실제로는 뭘 검색하든 하드코딩한 하나의 데이터만 조회된다.

• 해당 학습은 이정환 Winterlood님의 한 입 크기로 잘라먹는 Next.js(15+)을 기반으로 진행되고 있습니다.