[React] VScode Extension - Reactjs code snippets

 

리액트 컴포넌트를 생성할 때 마다

직접 작성하기 힘들다 

이런 상용구를 단축키로 간편하게 만들 수 있는 extension이다.

 

 

확장 프로그램 이름은 

Reactjs code snippets

 

제작자가 charalampos karypidis인 것을 설치하면 된다.

 

단축키를 살펴 보자면

 

tirgger	content
rsc	화살표 함수형 컴포넌트 생성
rsf	함수형 컴포넌트 생성
rcc	클래스 컴포넌트 생성
rrc	클래스 컴포넌트와 react-redux 리덕스를 연결하여 생성
rcjc	import와 export 없이 클래스 컴포넌트 생성
rwwwd	import 없이 클래스 컴포넌트 생성

 

 

rsc를 주로 많이 사용한다.!

 

rsc 치고 tab을 누르면 짠하고 나타난다.

퍼옴 - https://velog.io/@2seunghye/VSCode-Reactjs-Code-Snippets-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%ED%95%A8%EC%88%98-%EC%9E%90%EB%8F%99-%EC%83%9D%EC%84%B1

 

단축키의 더 자세한 내용은

 

 

Details에서 확인할 수 있다.