[React] VS code 플러그인 Reactjs code snippets 으로 코드 템플릿 자동 생성하기 - rsc

React 프로젝트에서 component 를 만들때 일일이 코드 쳐주기가 귀찮다.

 

간단하게 rsc 로 함수형 컴포넌트 템플릿을 만들 수 있다.

 

IntelliJ 와 같은 개열인 WebStrom 에서는 React 프로젝트 내에서 rsc 기능을 자체 지원한다.

 

1. Reactjs code snippets 플러그인 install 해준다.

 

components 폴더안에 js 파일을 만들어주고 그안에 rsc 를 치면 자동 완성으로 뜬다.

Create a stateless React Component 라고 되어있다. 즉 함수형 컴포넌트를 자동 완성 해준다는 것이다.

엔터 친다

 

깔끔하게 완성

 

rcc 는 클래스형 리액트 컴포넌트를 생성해준다.

 

 

 

이렇게 생성 된다.

 

우리는 주로 함수형 컴포넌트 템플릿을 사용하기 때문에 rsc 가 중요하다.

 

그 외 다양한 키워드들이 있다.

 

아래 참고 자료에서 참고하면 된다.

 

 

참고 자료: 

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets 

Reactjs code snippets - Visual Studio Marketplace