간편하고 빠르게 함수형/클래스형 컴포넌트 코드 자동으로 생성하는 방법.

VS Code (비쥬얼스튜디오코드)에서 Reactjs Code Snippet확장 프로그램 설치 

위 화면은 이미 install한 상태이다. 

왼쪽하단에 테트리스 모양 블럭을 클리하고, Reactjs code snippets를 입력해서 해당 확장 프로그램을 install하면된다.

 

그리고, 새로 생성한 .js 페이지화면에서 

위와같이 rsc를 입력하고 Enter를 누르면 아래와 같이 자동으로 컴포넌트 코드가 생성된다. 

코드를 생성하고 나면 컴포넌트 이름이 선택된 상태로 나타나는데, 여기서 수정하면 자동으로 변경할 수 있고, 그대로 좋다면 Tap키로 빠져나올 수 있다. 

 

클래스형 컴포넌트는 rcc를 입력하면 된다.