[useState, useEffect, props(매개변수 넘기는 것)] - 핵심만
2025. 9. 13. 09:21ㆍFRONTEND/React
useState - 상태 변경 및 변수 값 설정하는 것
전역으로 사용가능함...[get, set] = useState(0) ------ 뒤에 0은 초기값 셋팅하는 부분!!

위는 축약어 이다. 자바에서 sys 처럼 입력시 아니면, HTML에 !(느낌표) 입력시 자동으로 문장 생성함...
---------------------------------------------------------------------------------------------------------------------------------
useEffect - 부수적인 설정값, 초기값 설정이나, 이벤트 처리 등에 사용하면 될 듯...


* useEffect 호출 시 실행 할 것인지? 한번만 실핼 할 것인지?
[] 에 특정 값을 넣으면, 그 값이 바꿜 떄마다 실행한다. 하지만, 업다면, 한번 만 실행 됨
// 컴포넌트가 랜더링될때, 업데이트 될 때 실행
/*
useEffect(function, deps);
- function : 실행시킬 함수
- deps : 배열형태, 배열안에서 검사하고자 하는 특정 값, 빈 배열
- [] 빈 배열 : 마운트 될 때만 실행
- [name] : 업데이트 될 때만 실행
- 없으면 : 랜더링 될 때마다 실행 (마운트, 업데이트)
*/
props - 매개변수 이다.
'FRONTEND > React' 카테고리의 다른 글
| [통신] - Async, Await, fetch, axios 각 차이 (0) | 2025.09.16 |
|---|---|
| [리액트] - 초기화 시키기, 리다이렉트 (0) | 2025.09.16 |
| [useState, useEffect, props(매개변수 넘기는 것)] - 핵심만 (0) | 2025.09.10 |
| Component, Props 및 실습 (0) | 2025.07.27 |
| React 설치 : 부가 확장프로그램 (0) | 2025.07.27 |