TechScribe Notes

[React 기초] 컴포넌트 본문

프론트엔드/React

[React 기초] 컴포넌트

yunmee0704 2022. 1. 12. 00:39

✔import/export 모듈 시스템 이해하기

구조 분해 할당 - JavaScript | MDN (mozilla.org)

 

💡 컴포넌트란 ?

 -컴포넌트를 만드는 2 가지 방법 비교

  -클래스 컴포넌트와 함수형 컴포넌트의 역할과 목적차이

  • 클래스형 컴포넌트는 상태 값과 라이프 사이클 (컴포넌트의 변화를 감지하는 함수) 을 가질 수 있습니다.
  • 함수형 컴포넌트는 상태 값을 가질 수 없고, 컴포넌트의 변화를 캐치 할 수 없었습니다. 그러나, 리액트 훅 이라는 것이 나오면서 함수형 컴포넌트도 클래스 컴포넌트가 할 수 있는 것들을 할 수 있어졌습니다. 요즘은 더 간단하고 흐름이 눈에 잘 보이는 함수형 컴포넌트 사용을 선호합니다. (but. 꼭 함수형 컴포넌트를 사용해야 하는 것은 아닙니다)