반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 파이썬
- Nike
- 제이쿼리
- 리눅스
- 덩크 로우
- JavaScript
- sacai
- 코로나19
- 덩크 하이
- dunk high
- 오라클
- GIT
- 나이키
- Linux
- draw
- Python
- oracle
- stockx.com
- 발매예정
- 리액트
- react
- 자바스크립트
- jQuery
- 주식
- 주식공부
- Github
- 드로우
- dunklow
- 덩크로우
- Dunk Low
Archives
- Today
- Total
목록렌더링 (1)
Life goes slowly...
[React] React.js의 useEffect() 함수
React.js의 useEffect() 함수 React에서 컴포넌트를 작성할 때에는 클래스형 컴포넌트와 함수형 컴포넌트가 있습니다. 클래스형 컴포넌트에서는 라이프사이클을 사용하게 되지만 함수형 컴포넌트에서는 라이프사이클을 사용할 수 없는데 이때 사용되는 함수가 useEffect() 함수입니다. 컴포넌트가 화면에 나타나거나, 사라질 때 또는 업데이트될 때에 렌더링을 해주는 함수입니다.(컴포넌트가 마운트 될 때 실행되는 함수입니다.) useEffect() 함수의 가장 기본적으로 사용될 때의 예시입니다. //렌더링이 완료될때마다 실행 useEffect(() => { }); //처음 렌더링이 완료된후 text값이 변경될때마다 실행 useEffect(() => { },[text]); //처음 렌더링이 완료된후에만..
프로그래밍/React.js
2022. 1. 6. 13:27