VSCode로 리액트 개발할 때 쓰기 편한 스니펫 모음

VSCode 스니펫 기능 써보기 리액트 개발을 하면서 반복적이고 기계적으로 작성해야하는 코드들을 vscode 스니펫 기능을 사용하여 최대한으로 줄이는데 도움이 되고자 제가 쓰는 설정 몇가지를 공유합니다. 우선 아토믹 디자인 패턴을 사용하여 라는 원자 컴포넌트를 만들었다고 했을때의 파일구조는 대략 아래와 같을겁니다. 그리고 각각의 파일들의 내용은 이정도로만 작성해봤습니다. index.js export { default, default as Digit } from "./Digit"; Digit.js import React from "react"; import PropTypes from "prop-types"; import c from "./Digit.module.scss"; function Digit({ v..

2020.07.18