[VSCode] 커스텀 자동완성 만들기 (Snippet)

Vscode로 개발 중 자주 사용하는 함수형 컴포넌트나 변수들이 있다면 Snippet 설정을 통해 생산성을 높일 수 있습니다.

설정 방법

1. vscode 왼쪽 하단 톱니바퀴 버튼을 누른 후 User Snippets를 클릭해줍니다.
   

2. 클릭했다면 중앙 상단에 어떤 언어에 대한 Snippet 을 만들 것인지 나옵니다. 저같은 경우엔 백준 문제를 node.js 로 풀 때 "fs" 모듈 을 통해 파일 입출력을 받아야 하기 때문에 그에 대한 매 문제 반복되는 코드를 자동완성으로 저장하려합니다. 따라서 javascript.json 으로 들어가 줍니다.
   

3. 처음 들어왔다면 주석처리된 코드들만 있을텐데 거기에 원하는 코드를 적어줍니다.
   
   위 사진의 주석은 초기 javascript.json 파일에서 주는 예시이며 아래는 쉽게 풀어쓴 제 예시입니다.
   한가지 염려해야 할 점이 있다면 js 파일이 아닌 json 파일이기때문에 코드 형식도 json에 맞춰서 작성해주셔야 합니다.

   실제 사용 예시
   <javascript.json>
   
   <index.js>