| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 자바스크립트
- react
- 프로미스
- 이벤트 버블링
- 스코프 체인
- 자바스크립트의 클래스
- props와 state 차이점
- webpack
- 가상 dom
- 리액트
- 클라이언트 사이드 렌더링
- MPA
- 로컬 스토리지
- async/await
- 서버 사이드 렌더링
- undeclared
- 세션 스토리지
- 변수 생성 단계
- 자바스크립트 함수
- CSS
- 깊은 복사
- 리액트의 생명 주기
- 호이스팅
- 얕은 복사
- 이벤트 캡처링
- 주소창에 naver 입력시 일어나는 일
- polyfill
- 실행 컨텍스트
- 브라우저 렌더링원리
- CORS
Archives
- Today
- Total
목록리액트의 생명 주기 (1)
Gapus Dev Blog
[React] 리액트의 생명 주기(Life Cycle)
React의 생명 주기 생명 주기의 3가지 단계 1. 마운트(Mount) - 생성 단계 컴포넌트가 생성되어 DOM에 삽입될 때 발생 constructor - 컴포넌트가 생성될 때 호출되는 함수 static getDerivedStateFromProps - props에 변화가 있을 때마다 호출되며, state를 업데이트하는 데 사용 render - 컴포넌트의 UI를 렌더링 componentDidMount - 컴포넌트가 마운트된 직후에 호출, 외부 데이터 가져오기, 이벤트 등록 등의 작업을 수행 2. 업데이트(Update) - 업데이트 단계 컴포넌트의 props나 state가 변경되어 업데이트가 발생할 때 호출 static getDerivedStateFromProps - 마운트 단계와 마찬가지로 props에 ..
프론트엔드/React
2023. 11. 27. 08:00