[Legacy][React] React 뿌시기

[React] React 뿌시기

이전에 React에 대해 간단히 소개하면서 useState, useRef … 등 까지 작성했는데, 내가 적은 글을 내가 봐도 이해를 못 할 것 같고 아는 것과 설명하는 것에 대한 차이가 심하다는 것을 깨닫게 되었습니다. 이번엔 제대로 오래 걸리더라도 글을 이해하기 쉽게 작성하여 React에 대해 소개해보겠습니다. 우선 React에 대해 알아볼 순서는 아래 목차와 같습니다.

React 뿌시기 목차

CRA를 이용하여 React 프로젝트 생성하기 및 기본 설정 (절대경로)

React 꾸미기 (material-ui 연동)

중요한 변수는 state로 관리하자 (useState)

왜 값이 변경 안되지? - 1 (immutable 불변성) (useState)

왜 값이 변경 안되지? - 2 (useState)

React로 만드는 ToDoList (useState)

DOM에 접근하고 싶어 ... (useRef)

useState와 useRef의 차이점 (useState, useRef)

해커처럼 보이는 사이트 클론 코딩하기 (useState, useRef)

그런데 React 실행 순서가 어떻게 돼? (useEffect)

변수 값, 함수 형태 기억하자 (useMemo, useCallback)

자식의 자식의 자식의 자식 props 지옥? (useContext, useReducer)

forwardRef, useImperativeHandle (가명)

프로젝트 ??? 생각 중

위 목차 순서대로 한번 공부해도록 하겠습니다. 혹시 목차가 변경된다면 수정하여 반영하도록 하겠습니다. 이번엔 늦더라고 꾸준히 나름 상세하게 작성해서 제 게시글을 보는 사람이면 어느 정도 react에 대한 개념이 잡힐 수 있도록 해보겠습니다.

마지막

해당 내용은 틀릴 수도 있다는 것을 감안하여 봐주세요. 틀린 내용 및 오탈자 수정 요청 환영입니다.