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