일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 명시적 타입 변환
- Render Queue
- Custom Hook
- 암묵적 타입 변환
- next.js
- useLayoutEffect
- prettier-plugin-tailwindcss
- docker
- prettier
- AJIT
- Dockerfile
- JavaScript
- CS
- 주니어개발자
- linux 배포판
- 프로젝트 구조
- 좋은 PR
- Compound Component
- Microtask Queue
- Sparkplug
- useEffect
- 프로세스
- VirtualDom
- Headless 컴포넌트
- react
- TypeScript
- 타입 단언
- type assertion
- task queue
- Event Loop
Archives
- Today
- Total
목록useEffect (1)
구리구리구리
[React] React Hook 파헤쳐보기 - useEffect
React Hook에 대해 공부하며 정리한 글입니다. 피드백은 언제나 환영입니다.useEffect란?공식 문서에 따르면 useEffect란 렌더링 후 특정 코드를 실행해 외부 시스템과 컴포넌트를 동기화하는 hook이라고 한다. effect를 사용해 렌더링 후 특정 코드를 실행해 React 외부의 시스템과 컴포넌트를 동기화할 수 있다고 하는데 여기서 effect는 무엇을 의미할까?Effect란 무엇일까?렌더링 자체에 의해 발생하는 부수효과 (side effect)를 의미한다. 리액트의 함수형 컴포넌트는 props, state를 바탕으로 컴포넌트를 렌더링 하는데 컴포넌트의 렌더링과 무관한 연산들이 존재한다면 이것이 side effect가 되는 것이다.무관한 연산을 컴포넌트 내에서 직접 수행하는 것은 좋지 않..
React
2024. 11. 8. 22:25