리액트 WIL

eunji lee·2022년 6월 6일
0

WIL

목록 보기
4/4

리액트 프로젝트 셋팅

1.리액트 create-react-app사용
2. webpack으로 셋팅

컴포넌트 (클래스/함수)

클래스형 컴포넌트:
1. 상태값을 가질 수 있다.
2. 리액트 컴포넌트의 생명 주기 함수를 작성할 수 있다.

  • 클래스 문법이 어렵다.
  • 축소가 어렵다
  • reloading의 신뢰성이 떨어진다.

함수형 컴포넌트:
1. 1,2를 할 수 없다.
2. 선언하기 편하고, 메모리 자원을 덜 사용한다.

=>클래스형과 차이점은 상태값과 LifeCycle를 가질 수 있느냐 없느냐 이다.
=>훅을 사용하면서 단점을 커버

리액트 훅

  • Hooks 는 리액트 v16.8 에 새로 도입된 기능이다.
  • 함수형태의 컴포넌트에서 사용되는 몇가지 기술을 Hook이라고 부른다.

-훅의 종류:
1. 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState
2. 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능 등을 제공한다.

profile
안녕하세요! 이은지 입니다.

0개의 댓글