목표
- ✍️ #2.1 ~ #2.3 강의 듣기, 코드 챌린지 하기
- 느낀점 및 정리
강좌
nomadcoders
[멤버십] 초보를 위한 React JS- 강좌 링크 : https://nomadcoders.co/react-for-beginners/lectures/495
강의 요약
배열을 잘 다루면 React에서 바인딩된 데이터를 처리하는데 유용
- 프로젝트 생성
npx create-reate-app
왜 npx 인가? 페키지를 설치한 이후에 알아서 삭제 해줌. 로컬에 데이터가 쌓이지 않게 되는 장점
- 불필요한 파일 제거
- 프로젝트 페이지 이동
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하는 방법에 대해 이해했다.