노마드 코더의 리액트 강의를 보며 기록하는 레포 (https://nomadcoders.co/react-for-beginners)
2.1 Before React - 바닐라JS로 counter 구현
2.2 Our First React Element - 리액트 엘리먼트를 어려운 방식으로 생성하는 법을 배운다. 이 방식은 다른 사람들이 잘 쓰지 않고, 개발자들이 작업하는 방식은 아니다. 더 쉬운 방식이 있고 그렇게 사용하게 되겠지만 어려운 방식을 살펴보면 리액트의 본질을 이해할 수 있다.
=>> 리액트는 js로 생성한 엘리먼트를 html로 번역한다.
2.3 Events in React - 버튼에서 일어나는 event를 어떻게 감지하는지 알아본다. interactive한 어플리케이션에서 하는 작업들 모두가 event들을 감지하는 일이다. 때문에 리액트는 addEventListener를 반복하는 것 대신에 property에서 event를 등록할 수 있도록 한다.
2.4 Recap(요약)
2.5 JSX
2.6 JSX part Two
3.0 Understanding State
3.1 setState part One
3.2 setState part Two
3.3 Recap
3.4 State Functions
3.5 Inputs and State
3.6 State Practice part One
3.7 State Practice part Two
3.8 Recap
3.9 Final Practice and Recap
4.0 Props
4.1 Memo
4.2 Prop Types
4.3 Recap
5.0 Introduction
5.1 Tour of CRA
6.0 Introduction
6.1 useEffect
6.2 Deps
6.3 Recap
6.4 Cleanup
7.0 To Do List part One
7.1 To Do List part Two
7.2 Coin Tracker
7.3 Movie App part One
7.4 Movie App part Two
7.5 React Router
7.6 Parameters
7.7 Publishing
7.8 Conclusions
7.9 Styles
7.10 Next Steps
8.0 Read this First
8.1 Introduction
8.2 Requirements
8.3 Theory Requirements
8.4 Why React
9.0 Creating your first React App
9.1 Creating a Github Repository
9.2 How does React work?
10.0 Creating your first React Component
10.1 Reusable Components with JSX + Props
10.2 Dynamic Component Generation
10.3 map Recap
10.4 Protection with PropTypes
11.0 Class Components and State
11.1 All you need to know about State
11.2 Component Life Cycle
11.3 Planning the Movie Component
12.0 Fetching Movies from API
12.1 Rendering the Movies
12.2 Styling the Movies
12.3 Adding Genres
12.4 Styles Timelapse
12.5 Cutting the summary
13.0 Deploying th Github Pages
13.1 Are we done?
14.0 Getting Ready for the Router
14.1 Building the Router
14.2 Building the Navigation
14.3 Sharing Props Between Routes
14.4 Redirecting