들어가며

디자인 전공인 나는 혼자 개발 공부를 시작한지 4개월이 됐는데,
유튜브와 패스트 캠퍼스 온라인 강좌 등 많은 기초 강좌들을 보고 따라 하는 방식으로 공부를 해왔다.

지금까지 만들어 왔던 작은 프로젝트들을 보면 투두 리스트, 레시피 앱, 무비 앱, 웹사이트 퍼블리싱 같이 기초적인 기술을 배우기 좋은 간단한 프로젝트들인데, 설명되어 있는 코드를 따라치면서 익히기는 좋지만 어렵고 깊게 알아야 하는 부분들은 일단 코드를 따라쳐 놓고 나중으로 미루고 완성을 해왔던 터라 배우긴 했지만 내가 확실하게 이해하고 있지 않은 중요한 것들이 많다.

그래서 이번 프로젝트부터는 처음부터 끝까지 스스로 만들어 보면서 배우고
기록을 남기는 습관도 들이려고 한다.

React Project - Movie App

리액트 기초 공부를 어느 정도 해보니 완성도 있는 앱을 만들어 보고 싶은 생각이 들었다.
클론 하는 것이 아닌 새로운 것을 만들 수도 있겠지만 생각보다 디자인하는 데 시간을 많이 소비하게 돼서 개발에만 집중하고 싶기 때문에 결정했다. 많은 사람들이 클론 한 사이트니 참고할 자료가 많고 모던한 UI UX 디자인을 갖고있는 넷플릭스 클론 코딩을 결정했다.

일단 만들어 보쟈!

Api 연동부터 시작

배우는 점


  • React
  • Redux thunk
  • Middleware
  • API

Tools


  • Axios
  • React & Redux
  • Sass (grid & flexbox)
  • Media queries

Skills


  1. 영화 검색 기능
  2. 매주 업데이트 되는 데이터를 통해 트렌드 영화를 볼 수 있다.
  3. 사용자는 영화를 클릭할 수 있고 모달도 뜬다. 제목, 개요 및 포스터 표시.
  4. 반응형 적용

참조

체크리스트
https://github.com/kesuskim/Front-End-Checklist