[React] React hooks 다루기

[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을 받아도 된다. 이동하기

마지막

해당 내용은 틀릴 수도 있습니다. 틀린 내용이 있으면 조언 부탁드립니다.