일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- db
- java
- gpt3.5turbo
- iam사용자
- gitlab
- 패키지설치에러
- nvmrc
- Express
- chatGPTAPI
- git
- gptapi
- 웹소켓연결
- 클라우드
- aiapi
- openaiapi
- 버킷생성
- 웹소켓재시작
- javascript
- aws
- 호스팅영역
- 노드버전
- 웹소켓연결끊김
- class
- Database
- 자바
- nodejs
- 클래스
- ChatGPT
- GPT3.5
- Github
Archives
- Today
- Total
목록클래스형 #함수형 #컴포넌트 #리액트 #useState #useEffect (1)
IT's Jenna
클래스형 컴포넌트 & 함수형 컴포넌트
리액트의 컴포넌트에는 클래스형과 함수형 두 가지가 있다. 과거에는 클래스형과 함수형의 구분이 명확했다. 클래스형은 state와 life-cycle 사용이 가능했고 함수형은 불가했기 때문에, 클래스형은 복잡한 주요 컴포넌트에 사용되었고 함수형은 비교적 단순한 하위 컴포넌트들에 사용되었다. 하지만 현재는 함수형에 hook이라는 기능이 출시되면서 함수형에서도 state와 life-cycle을 사용할 수 있게 되었다. 현재는 리액트 공식적으로 클래스형이 아닌 함수형을 사용하는 것을 권장하고 있다. 그렇다면 위에서 언급한 life-cyle이 무엇인지 알아보자. 라이프 사이클이란 컴포넌트가 생성 및 사용되고 소멸될 때까지의 일련의 과정을 의미한다. 클래스형의 라이프 사이클은 다음과 같다. 1. Mount : 컴포넌..
Frontend
2021. 2. 22. 15:12