[React] React hooks 다루기
React hooks 다루기 소개
사실 react를 기초부터 설명하려고 했던 도전은 계속있었다.
그러나 어느 정도 하다가 계속 실패하였다.
실패의 원인을 분석하니 너무 자세하게 많은 것을 설명하려고 했던 것 같다.
간단하게 핵심만 설명해보도록 해야겠다.
해당 시리즈는 react를 전혀 모르면 어렵다고 생각된다.
react가 뭔지는 아는데 정확히 모르겠다. 라는 사람에게 많은 도움이 될 것 같다.
(+ 회사에서 신입들이 기초 잡는 것을 어려워 하는 것 같이 작성하는 것도 있다.)
(+ 존댓말로 하고 싶었는데 이미 반말로 적어 반말로 간다.)
◆ 작성할 react 개념
- - useState
- - useRef
- - useEffect
- - useCallback, useMemo
- - useReducer, useContext
- - custom hook
- - forwardRef, useImperativeHandle
위 순서대로 개념을 설명하려고 한다.
최종 목차는 아래와 같다.
◆ React hooks 다루기 목차
(+ 작성하면서 추가할 예정)
- 1. React hooks 다루기 목차 - 이동하기
- 2. useState hook 이해하기 - 이동하기
- 3. useState hook 실습 - 이동하기
- 4. useState hook 동적 테이블 구현 - 이동하기
제발 이번에는 끝까지 작성해보자!!!
◆ React 프로젝트 생성
CRA(create-react-app)으로 프로젝트를 생성하면 된다.
이미 React 프로젝트 생성하는 게시글을 작성하여 해당 게시글을 참고하면 될 것 같다.
React 프로젝트 생성 링크 이동 JavaScript 버전을 따라하면 된다.
아니면 해당 github 주소에 들어가 clone을 받아도 된다. 이동하기
마지막
해당 내용은 틀릴 수도 있습니다. 틀린 내용이 있으면 조언 부탁드립니다.
'기타 (+ Legacy) > Legacy' 카테고리의 다른 글
[React] useState hook 실습 (0) | 2022.06.09 |
---|---|
[React] useState hook 이해하기 (4) | 2022.06.06 |
[React] react-hook-form 사용 및 useForm - 1 (0) | 2022.04.20 |
[React] react-hook-form 소개 및 사용 전 (0) | 2022.04.17 |
[React] map에서 key를 사용하는 이유, 주의점 (0) | 2022.04.02 |