목표

  • ✍️ #2.1 ~ #2.3 강의 듣기, 코드 챌린지 하기
  • 느낀점 및 정리

강좌

강의 요약

배열을 잘 다루면 React에서 바인딩된 데이터를 처리하는데 유용

  1. 프로젝트 생성

    npx create-reate-app

    왜 npx 인가? 페키지를 설치한 이후에 알아서 삭제 해줌. 로컬에 데이터가 쌓이지 않게 되는 장점

  2. 불필요한 파일 제거

  3. 프로젝트 페이지 이동

    npm i react-router-dom

    공식 문서 https://reactrouter.com/web/guides/quick-start

작업 레파지토리 : https://github.com/ckdtjs505/notflix

느낀점

  • 개발시 어떤걸 개발할지 Readme에 쓰는 습관을 들이자
  • 개발 순서는 큰거부터 작은순으로 들어가자 git > create-reacte-app > router
  • react-router가 업데이트 되어 강좌라 약간 다른 부분이 있었다. 가능한 공식문서를 기준으로 개발하자

To do

  • export, import 하는법 등 default 동작 원리 이해하기
  • export만 했는데 어떻게 jsx 인지 알수 있었을까?
  • npm과 npx의 차이점은?

결론

  • react에서 route하는 방법에 대해 이해했다.