[React.js] Default 코드를 자동으로 생성해주는 모듈

 

React로 js를 계속 만들다 보면 Default Componet를 생성할 때 기본적으로 적어줘야 하는 코드들이 있다.

 

import React from 'react'

function TestPage() {
    return (
        <div>
            TestPage
        </div>
    )
}

export default TestPage

 

대충 위와 같은 형식인데... 여러 Componet를 만들다 보면 손수 코딩하기 매우 귀찮은 지경이다.

이러한 불편함을 감수시키기 위해 VS Code 에서는 확장 모듈을 제공해 준다.

바로 es7이라는 것인데...

위와 같이 VS Code에서 저 네모 테트리스 블럭... 같은 것을 선택하고 es7을 치면 ES7 React를 설치한다.

다음 js를 돌아와 아래와 같은 rfce를 치고 입력을 누르면 기본적인 코드가 출력된다.

 

• rce : class componet 

• rfce : function component

• rafce : allow function component

위에 명시한 것과 같이 선택해서 쓰면 될 것 같다.