본문 바로가기 메뉴 바로가기

Happy coding

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Happy coding

검색하기 폼
  • 분류 전체보기 (53)
    • 신나는 언어공부 (10)
      • HTML (8)
      • CSS, Sass (2)
    • 넌 누구야 JavaScript 공부 (12)
      • JavaScript (10)
      • TypeScript (2)
    • 프레임워크 및 라이브러리 공부 (12)
      • Ionic (2)
      • Angular 2+ (3)
      • NestJS (2)
      • React (5)
      • Next.js (0)
    • 어디 한 번 서버공부 (1)
      • Linux (1)
    • 이것 저것 기타 (6)
      • Website (2)
      • GitHub (2)
      • Window (1)
      • Tistory (1)
    • 삶은 계란이 아닌 정답을 찾아서 (1)
      • Think (1)
    • 주간회고 (11)
  • 방명록

클래스 컴포넌트 (1)
React 클래스형 컴포넌트와 함수형 컴포넌트 특징

React에는 컴포넌트를 선언하는 방식이 클래스형, 함수형 두 가지가 있습니다. 과거 React는 함수형 컴포넌트는 사용할 수 없었던 state와 Life Cycle을 사용할 수 있어 클래스형 컴포넌트를 주로 사용하였지만, React 16.8 버전 이후 'Hook' 이 도입되면서 함수형 컴포넌트도 state와 Life Cycle을 사용할 수 있게 됨과 동시에 클래스형 컴포넌트보다 더 편해진 방법으로 사용할 수 있게 되었습니다. React 공식문서에서는 함수형 컴포넌트와 훅(hook)을 사용할 것을 권장하고 있다. 👉 클래스형 컴포넌트 1. class를 선언해야한다. 2. Component를 상속 받아야한다. 3. render() 메소드가 반드시 존재해야한다. 4. state, Life Cycle 사용 가..

프레임워크 및 라이브러리 공부/React 2022. 4. 21. 20:54
이전 1 다음
이전 다음
«   2025/05   »
일 월 화 수 목 금 토
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
TAG
  • 함수 컴포넌트
  • virtual dom
  • JavaScript
  • TypeScript
  • string
  • NestJS
  • Prototype
  • 가상돔
  • 깃헙
  • class component
  • scope
  • 클래스 컴포넌트
  • Es5
  • website
  • 리엑트
  • ES6
  • Function Component
  • 웹사이트
  • 클래스형 컴포넌트
  • Angular
  • react
  • window
  • this
  • Let
  • useState
  • array
  • const
  • HTML
  • useEffect
  • github
more
최근에 올라온 글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바