FRONTEND/React

[useState, useEffect, props(매개변수 넘기는 것)] - 핵심만

Ch's Lee 2025. 9. 13. 09:21

useState - 상태 변경 및 변수 값 설정하는 것

 

전역으로 사용가능함...[get, set] = useState(0) ------ 뒤에 0은 초기값 셋팅하는 부분!!

 

 

 

위는 축약어 이다. 자바에서 sys 처럼 입력시 아니면, HTML에 !(느낌표) 입력시 자동으로 문장 생성함...

---------------------------------------------------------------------------------------------------------------------------------

 

useEffect - 부수적인 설정값, 초기값 설정이나, 이벤트 처리 등에 사용하면 될 듯...

 

 

 

 

 

 

* useEffect 호출 시 실행 할 것인지? 한번만 실핼 할 것인지?

 

[] 에 특정 값을 넣으면, 그 값이 바꿜 떄마다 실행한다. 하지만, 업다면, 한번 만 실행 됨

 

// 컴포넌트가 랜더링될때, 업데이트 될 때 실행

/*

useEffect(function, deps);

- function : 실행시킬 함수

- deps : 배열형태, 배열안에서 검사하고자 하는 특정 값, 빈 배열

- [] 빈 배열 : 마운트 될 때만 실행

- [name] : 업데이트 될 때만 실행

- 없으면 : 랜더링 될 때마다 실행 (마운트, 업데이트)

*/

 

 

props - 매개변수 이다.