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 |
Tags
- 타입좁히기
- 폰트적용하기
- 제네릭
- typescript
- 레이아웃쪼개기
- 공통컴포넌트
- JS console
- 타입스크립트
- reactjs
- 2022
- 티스토리꾸미기
- React Native
- TSDoc
- NonNullable
- CSS
- 누구나 자료구조와 알고리즘
- Chart.js
- javascript
- 반복줄이기
- 성능최적화
- react
- returnType
- vue.js
- 커스텀
- React.js
- utilty type
- 리액트
- 개발콘텐츠
- click and drag
- const 단언문
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