함수형 컴포넌트 자동완성 VSCode 플러그인

function Login () {
	return (
    	...
    )
}

export default Login;

 

컴포넌트를 만들 때마다 이런 기본 구조를 작성하는 것이 여간 귀찮은 일이 아니다.

그리고 또 자동완성 기능을 사용하지 않으면 typo의 위험이 언제나 도사리고 있다.

 

따라서 rfc라는 명령어만 입력해도 함수형 컴포넌트를 자동으로 입력해주는 플러그인이 유용하게 쓰이는데,

설치하면 하면 된다.

 

링크는 아래.

 

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace

 

추가적으로 usf를 입력하면 useState 훅을 자동완성 시킬 수 있다.