Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 개발콘텐츠
- TSDoc
- React.js
- 커스텀
- click and drag
- javascript
- Chart.js
- 타입스크립트
- 공통컴포넌트
- 티스토리꾸미기
- returnType
- 성능최적화
- 타입좁히기
- 폰트적용하기
- 리액트
- CSS
- typescript
- vue.js
- 반복줄이기
- 제네릭
- react
- utilty type
- 누구나 자료구조와 알고리즘
- NonNullable
- React Native
- const 단언문
- 레이아웃쪼개기
- JS console
- reactjs
- 2022
Archives
- Today
- Total
목록라이프사이클 (1)
몽땅뚝딱 개발자
[React] 라이프사이클(LifeCycle)
컴포넌트는 페이지에 장착되기도 하고(mount), 업데이트가 되며(update), 필요없으면 제거(unmount)된다. 라이프사이플을 사용하면 중간중간 간섭하고 실행할 수 있다. ◽ useEffect() 사용하기 useEffect()는 HTML 렌더링 이후에 동작한다. 1. 오래걸리는 반복연산 2. 서버에서 데이터를 가져오는 작업 3. 타이머 등은 useEffect안에서 사용하는 것이 좋다. 예제 1. class 문법을 사용하는 기존 방식 class lifeCycle extends React.Component { componentDidMount() { // ... } componentDidUpdate(prevProps, prevState, snapshot) { // ... } componentWillUn..
Development/React.js · Next.js
2022. 9. 25. 15:10