[week10] mission2 다니/김다빈

[d4b1n]

📂 관련 이슈

• closes [Feat] 10주차 미션_다니 #147

---

🛠️ 작업 사항

• React Router DOM 설치 및 라우팅 설정
• 영화 상세 페이지(/movies/:movieId) 추가
• MovieCard 클릭 시 상세 페이지로 이동하도록 구현
• Vercel 배포를 위한 vercel.json 설정 추가
• 환경변수(.env) Git 추적 제거 및 .gitignore 설정

---

📸 관련 이미지 (스크린샷 또는 동영상)

2026-06-17.124149.mp4

https://week10-mission2.vercel.app/

💬 기타 설명

React Router를 활용하여 영화 상세 페이지 라우팅을 구현했습니다.

영화 카드 클릭 시 해당 영화의 ID를 포함한 URL로 이동하며, useParams를 통해 URL 파라미터를 확인할 수 있습니다.

또한 Vercel 배포를 위해 vercel.json을 추가하여 SPA 새로고침 시 발생하는 404 문제를 방지했습니다.

.env 파일은 Git 추적 대상에서 제외하여 환경변수를 안전하게 관리하도록 수정했습니다.
.

[JeongCW0522]

피드백

마지막 10주차 미션까지 고생 많으셨습니다! 😊
이번 주차에서는 메모이제이션을 활용한 최적화와 프로젝트에서 너무나도 중요한 배포하는 방법에 대해 학습해보았는데, 전반적으로 잘 해주신 것 같아서 큰 어려움 없이 잘 따라오셨으리라 생각합니다!

최적화는 프로젝트 진행하면서 중간중간 하셔도 좋고, UI와 API 연동을 모두 마친 뒤 한 번에 진행해도 괜찮습니다. 다만, 사용자 경험과 성능에 큰 영향을 주는 만큼 꼭 잊지 말고 한 번쯤 점검해보시는 것을 추천드립니다!

또한 배포는 Vercel뿐만 아니라 Netlify, Amplify 등 다양한 선택지가 있습니다. 데모데이라고 해서 반드시 Vercel을 사용할 필요는 없으며, 각 서비스마다 장단점이 있으니 프로젝트에 가장 적합한 배포 환경을 구축해보는 것도 좋은 경험이 될 것입니다.

다니가 다른 동아리 활동까지 병행하느라 시간적으로 많이 바빴을 텐데도, 항상 워크북을 가장 꼼꼼하게 수행해 주셔서 정말 감사할 따름입니다. ㅎㅎ

워크북과 장기 해커톤을 통해 얻은 다양한 경험들이 앞으로 진행할 프로젝트에서도 분명 큰 힘이 될 것이라 생각합니다!

데모데이에서 꼭 좋은 결과 이루길 기대하며 한 학기 동안 워크북 수행하시느라 정말 고생하셨습니다!

[JeongCW0522]

제목이 긴 경우 제목과 버튼이 겹쳐보입니다!

제목 부분에 오른쪽 마진을 더 주거나 X 버튼 주변을 반투명하게 하면 더 좋을 것 같아요!