VScode - React 컴포넌트 코드 자동생성 확장프로그램 사용 방법

Reactjs code snippets

VS Code를 사용 중이라면, Reactjs code snippets 확장 프로그램을 통해 , 컴포넌트 생성을 쉽게 할 수 있다.

vscode 확장프로그램 - Reactjs code snippets 

 

 

rsc : 함수형 컴포넌트 코드 생성

설치 후, Component 파일 생성하여 에디터에  'rsc(함수형 컴포넌트)'를 입력한다.

Component 파일명에 맞는 컴포넌트 코드가 자동으로 생성되는걸 확인할 수 있다.

vscode 확장프로그램 - rsc 함수형 컴포넌트 코드 생성

 

 

rcc : 클래스형 컴포넌트 코드 생성

설치 후, Component 파일 생성하여 에디터에  'rcc(함수형 컴포넌트)'를 입력한다.

Component 파일명에 맞는 컴포넌트 코드가 자동으로 생성되는걸 확인할 수 있다.

vscode 확장프로그램 - rcc 클래스형 컴포넌트 코드 생성