개발자의 개발 블로그

파일을 (컴포넌트를) 생성할때, import를 일일이  선언하고

클래스 컴포넌트를 만들때 클래스 틀을

함수 컴포넌트를 만들때 함수 틀을 전부 수기로 입력하는 것은 개발할 때 매우 비효율적이다.

아니면 

파일 또는 코드 복붙하는 방법도 있지만...

해당 클래스명(함수명)을 수정하고 필요없는 부분을 없애줘야한다. 

그래서 이 React Snippet이 필요하다. 유용하다.

이것을 설치하면 매우 편하다.

물론 외워야하지만... 금방 외울 수 있을 것이다.

설명이 아래 존재하므로 읽으면서 해보면 된다.

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

이것을 사용하면 된다.

코드를 복붙하거나...

파일을 복붙하거나...

하면 수정해야 할 부분이 많다...

그냥 위에 패키지를 설치한 뒤,

클래스 기본이나 함수 기본 또는 자주쓰는 react-dom이나 redux와 같은 것을 한꺼번에 생성할 수 있어서 좋다.

App.js 파일 생성후에, rcc 를 입력하면?

import React, { Component } from "react";

class App extends Component {

render() {

return <div> </div>;

}

}

export default App;

이 틀이 그냥 생성된다!

rsc를 입력하면?

import React from 'react';

const App = () => {

return (

<div> </div>

);

};

export default App;

이와같이 함수 컴포넌트가 생성된다. 

대박~