| 일 | 월 | 화 | 수 | 목 | 금 | 토 | 
|---|---|---|---|---|---|---|
| 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
                            
                        
                          
                          - http
- 리액트
- redux
- 코딩초보
- 코딩독학
- React Native
- async
- useEffect
- 코린이
- TypeScript
- 깃
- 참조자료형
- git
- scss
- 프론트엔드
- 자바스크립트
- 코딩기초
- 비동기
- react-router
- 리액트 네이티브
- CSS
- Vue3
- SasS
- 사용하는 이유
- 리덕스
- html기초
- JavaScript
- 코딩공부
- 타입스크립트
- react
                            Archives
                            
                        
                          
                          - Today
- Total
목록addEventListner (1)
맨 땅에 프론트엔드 개발자 되기
 React useEffect와 addEventListener - window 이벤트 렌더링 규칙
      
      
        React useEffect와 addEventListener - window 이벤트 렌더링 규칙
        useEffect 란? React 의 함수형 컴포넌트에서 라이프사이클을 감지하기 위한 HOOK 이다. 처음에 라이프사이클이란 말을 들었을 때, 너무 거창한 단어가 붙어있는 것 같아서 이해가 잘 되지 않았었다. 그러나 React가 CSR(클라이언트 사이드 렌더링) 방식이라는 점을 기억하고 있으면, 렌더링 규칙에 대해 알고 있어야 컴포넌트 제어가 가능하다는 것을 느낄 수 있다. - React 라이프사이클 대표적인 라이프사이클에는 아래와 같은 것들이 있다. 라이프사이클 명 설명 componentDidMount 컴포넌트의 첫번째 렌더링을 마치고 난 뒤 호출되는 메소드다. 이미 컴포넌트가 화면에 나타난 상태이고, 이 시점에 보통 해당 컴포넌트에서 필요로 하는 데이터를 요청하기 위해 axios, fetch 등을 이..
        코딩 공부 일지/React JS
        
        2022. 4. 4. 18:21