함수형 컴포넌트를 선언할 때 function 키워드를 사용하는 것과 화살표 함수 문법을 사용하는 것간에는 큰 차이가 없습니다. 화살표 함수를 사용하는 것이 좀 더 간결하기 때문에 이 책에서는 함수형 컴포넌트를 만들 때 화살표 함수 문법을 사용하겠습니다. 어떤 방식을 선택할지는 단지 각자의 취향에 달려 있습니다.
노트 Reactjs Code Snippet을 사용하여 코드 생성하기
VS Code에서 Reactjs Code Snippet 확장 프로그램을 설치했다면 컴포넌트 코드를 간편하고 빠르게 생성할 수 있습니다. 에디터에서 rsc를 입력하고 Enter를 눌러 보세요.
▲ 그림 3-4 Reactjs Code Snippet 사용
코드를 생성하고 나면 컴포넌트 이름이 선택된 상태로 나타나는데, 여기서 수정하면 컴포넌트 이름을 변경할 수 있고 Tab을 누르면 선택을 해제할 수 있습니다.
참고로 클래스형 컴포넌트는 rcc를 입력하여 사용할 수 있습니다.