rfce 네 글자로 컴포넌트 기본 세팅: 익스텐션 추천

es7 검색하면 나오는 아래와 같은 익스텐션을 깔아주면

rfce 네 글자만 입력해도 컴포넌트 기본 세팅이 생성된다!

 

rafce라고 썼더니 자동으로 완성된 모습

 

직접 해보니 rafce는 화살표 함수로 나오고, rfce는 그냥 함수로 나온다. 이 외에도 명령어에 따라 여러 버전이 있으니 편한 걸로 쓰면 될 것 같다. 리액트에서 새 컴포넌트 파일 만들 때마다 일일이 써주는 것이 은근히 귀찮던데 어느 영상에서 쓰는 거 보고 바로 유용해보여서 깔아봤다. 직접 파일명과 똑같은 컴포넌트를 만들어주니 반복 작업을 안 해도 되어서 시간이 절약된다.