-
컴포넌트를 선언하는 방식은 두가지가 있다.
① 함수형 컴포넌트
- 메모리 자원 사용이 클래스형 컴포넌트 보다 덜 사용한다.
- 결과물의 파일 크기가 작다.
- state, 라이프 사이클 API사용이 불가능하다.
② 클래스형 컴포넌트
- render 함수가 꼭 필요
- state, 라이프 사이클을 사용할 수 있고, 임의 메소드를 정의할 수 있다.
컴포넌트 만드는 과정은 다음과 같다.
① 파일 만들기
② 코드 작성하기
③ 모듈 내보내기 및 불러오기
먼저, 함수형 컴포넌트를 사용해 보았다.
8번째 줄은 다른 파일에서 현재 파일을 import할 때 위에 선언한 클래스를 불러옴 - 함수형 컴포넌트는 function 키워드를 사용하는 대신 () => {} 를 사용하여 함수를 만든다.
- 이 키워드는 함수를 파라미터로 전달할 때 유용하다.
- 일반 함수는 자신이 종속된 객체를 this로 가리키지만, 화살표 함수는 자신이 종속된 인스턴스를 가리킨다.
그 다음엔 모듈을 불러온다.
- 두번째 줄은 위에서 만들어 놓은 컴포넌트를 불러오는 것이다.