| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- JavaScript
- 리액트
- JS
- react
- state
- Reducer
- til
- v9
- firebase
- 파이어베이스
- TypeScript
- Frontend
- react localStorage
- 타입스크립트
- 컴포넌트
- 프론트엔드
- 원티드
- CORS
- 알고리즘
- array
- Redux
- 브라우저
- es6
- 비트 연산자
- axios
- 자바스크립트
- 프리온보딩
- localstorage
- 프로그래머스
- Component
- Today
- Total
목록Lifecycle (2)
도리쓰에러쓰
[React] 라이프사이클(Lifecycle)에 대해
1. 라이프사이클(Lifecycle) 이란? 리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리이다. 그래서 각각의 컴포넌트에는 라이프사이클(=수명 주기)가 존재한다. 컴포넌트는 생성(mounting) ▶ 업데이트(updating) ▶ 제거(unmounting)의 생명주기를 갖는다. 위 이미지는 라이프사이클(Lifecycle)을 나타낸 것이다. 라이프사이클(Lifecycle)이 업데이트될 때 아래 링크를 참고하여 확인해보는 것이 좋을 것 같다. React Lifecycle Methods diagram Fully interactive and accessible React Lifecycle Methods diagram. projects.wojtekmaj.pl 2. 라이프사이클(Lifecycle)의 분..
저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] SASS 개념, 설치 및 기본 문법 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] styled-components를 이용한 class없는 CSS 스타일링 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] React Router 3 :: URL 파라미터로.. dori-coding.tistory.com 1. Lifecycle Hook Component는 '등장 - 업데이트(재렌더링) - 퇴장' 주기가 있습니다. Lifecycle Hook은 Component의 주기 중간에 명령을 줄 수 있습니다. 가장 유용한 Hook은 componentDidMount()와 componentWillUnmount() 입니다. c..