class-component

최창서·2022년 4월 9일
0
post-custom-banner

클래스컴포넌트 Class-Component

클래스란?

물건 만드는 설명서

const Date = new Date(){
date.getFullYear(){} => 년도 추출가능
date.getMonth(){} => 월 추출 가능
date.getDate(){} => 일 추출 가능
}

class Date가 객체이고 안에 내용들은 만드는 방법이다.

이런 방법으로 만드는 프로그래밍이 객체지향프로그래밍이라고 함. 특히 백엔드에서 많이 사용한다.

아래와 같이 함수를 활용하여 컴포넌트를 만들 수 있다.

  1. this란?
    vscode에서 동작하는 방식은 아래 주석을 통해 설명하겠다.

누가 실행시켜주었느냐에 따라 값이 달라짐

화살표 함수에서는 동적으로 바뀌지않음 언어적으로 this가 사용됨

자바에서는 class가 사용되고 자바스크립트에서는 prototype을 사용 prototype의 언어는 대부분 사라졌는데 웹에서 계속 사용되는 언어로 자바스크립트가 사용되기때문에 class 방향으로 계속 업그레이드해서 쓰여지고 있음
최근 추세가 함수형 컴포넌트로 바뀌어가고 있지만 아직 class를 사용하는 회사들도 있기 때문에 꼭 알야함.

profile
프론트엔드 개발자
post-custom-banner

0개의 댓글