| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- error
- 시멘틱태그
- react
- VUE
- CSS
- 프론트엔드개발
- JavaScript
- Download
- 이미지
- 상태관리
- type
- vue-cli-service
- Chart
- develop
- FRONT
- axios
- 리액트기초
- antd
- useState
- Package
- form
- components
- TradingVIew
- 리액트
- frontend
- npm
- err
- NeXT
- vscode
- 프론트엔드
Archives
- Today
- Total
목록SideEffect (1)
개발쬬
[React] useEffect 와 CleanUp 작동방식 이해하기 + input 입력완료 후 감지 코드예시
useEffect 를 먼저 살펴보자면 리액트는 실제 DOM의 렌더링과 상태값의 변경을 감지해 화면에 올바르게 반응하는 것과 관련된 일을 한다. 그리고 이와 별개의 일들 즉, 호출과 통신 등 따른 기능과 그 호출에 따른 반응들의 관련된 이펙트들을 'side Effect' (사이드이펙트)라고 한다. 실제로 직접적으로 컴포넌트 함수에 들어가게 된다면 버그나 무한루프에 빠질 가능성이 높은 사이드 이펙트들은, 사이드 이펙트를 활용하기 위한 도구 useEffect를 사용해서 동작하도록 해야 한다. > useEffect 사용예시 useEffect(()=>{ // 실행 함수 넣어주는 곳 }, [ // 의존변수 넣어주는 곳 ]) useEffect는 두 개의 매개변수와 두 개의 인수와 같이 호출되며, 의존변수를 의 상태를..
쬬의 React
2023. 4. 9. 19:18