본문 바로가기

열정가득한 개발자의 이야기/한땀 한땀 공부 내용 TIL

react 공부 정리

state 자료를 잠깐 보관할 수 있음 = 변수와 같이
state를 사용하는 이유 -> 내용이 변경되었을 때, 자동으로 html이 재 랜더링될 수 있음  : 자주 변경될 것 같은 것은 state사용


컴포넌트 선언 방식 : 함수 컴포넌트, 클래스 컴포넌트
function으로 시작하면 함수, class로 시작하면 클래스 컴포넌트.
클래스 컴포넌트는 render()함수가 있어야하고 그 안에 jsx를 반환해주어야함
함수 컴포넌트 장점 : 메모리 자원 save, 배포했을 때도 결과물의 파일 크기가 더 작음, 선언 용이
단, 단점은 state와 라이프사이클 api를 사용 불가 -> hook기능을 사용하면됨
그래서 함수 컴포넌트와 hook기능을 사용하기를 권장함. 

context라 리액트 컴포넌트에서 props가 아닌 또 다른 방식으로 컴포넌트 간에 값을 전달할 수 있는 방법