[노마드/React] 영화 웹 서비스 만들기

1. 리액트의 기초

   1. 소개

   2. 리액트를 쓰지 않았을 때

   3. 리액트가 이벤트를 등록하는 법

   4. React.js is super interactive

   5. JSX

2. Inputs and State 바뀌는 입력 결과 보여주기 - MinutesToHours & HoursToMinutes Converter 만들어보기

3. Inputs and State + Component 분리 - KmToMiles Converter 만들어보기

4. Create React App - 버튼 컴포넌트와 Style 적용

5. useState and useEffect - 시계 만들어보기

6. useState and Array.map - todo list 만들어보기

7. useEffect and Coin list api - Coin Tracker 만들어보기

   • [useEffect and Coin list api + Component 분리] - Coin Converter 만들어보기

8. async-await 방식 and 영화 정보 api

9. 영화정보 api + 컴포넌트 분리

   • 인덱스 페이지에 영화들의 정보를 가져오는 Movie 컴포넌트를 담은
     Home 컴포넌트 랜더링

10. 리액트 프로젝트를 GitHub Pages로 배포

[참고]

• useState 사용법

• useEffect 사용법

• [React] react-router-dom 시작하기

• 'Switch' is not exported from 'react-router-dom' 에러

• React Router Dom - V6 업그레이드 되면서...

  react-router-dom이 버전 6로 업그레이드되면서, Switch를 더이상 지원을 안하게 됬다. Switch -> routes로 바뀜. 또한 component도 element로 바꼈다._

• React Error : react-dom v6 를 v5로 버전 낮추기

• React v18에서 나오는 에러 "ReactDOM.render is no longer supported in React 18"

• react에서 navigate 사용하기 (useNavigate / Navigate)

• npm run deploy 시 발생한 오류 해결 방법