VS Code 스니펫은 일반적으로 사용되는 코드 블록의 삽입을 자동화하여 코딩 생산성을 높이는 강력한 방법입니다. 간단한 텍스트 확장이거나 자리 표시자와 변수가 있는 보다 복잡한 템플릿일 수 있습니다. 이를 활용하는 방법은 다음과 같습니다.
스니펫 만들기:
스니펫 설정 액세스: 파일 > 기본 설정 > 사용자 스니펫(macOS에서는 코드 > 기본 설정 > 사용자 스니펫)으로 이동합니다. 또는 명령 팔레트(Ctrl+Shift+P 또는 Cmd+Shift+P)를 사용하여 "기본 설정: 사용자 스니펫 구성"을 입력합니다.
언어 선택: 스니펫에 대한 언어를 선택하라는 메시지가 표시됩니다(예: javascript.json, python.json 등). 이렇게 하면 스니펫을 해당 특정 언어로만 사용할 수 있습니다. 모든 언어에서 스니펫에 액세스할 수 있도록 하려면 "글로벌 스니펫" 파일을 만들 수도 있습니다.
스니펫 정의: 스니펫은 JSON 형식으로 정의됩니다. 각 스니펫에는 이름, 접두사(스니펫을 트리거하기 위해 입력하는 단축키), 본문(삽입할 코드) 및 선택적 설명이 있습니다.
예(JavaScript):
{
"For Loop": {
"prefix": "forl",
"body": [
"for (let i = 0; i < $1; i++) {",
" $0",
"}"
],
"description": "For loop with index"
}
}
이 예에서:
"For Loop": 스니펫의 이름(참조용).
"forl": 접두사. "forl"을 입력하고 Tab 키를 누르면 스니펫이 삽입됩니다.
"body": 삽입할 코드. $1, $2 등은 탭 정지(자리 표시자)입니다. $0은 마지막 커서 위치입니다.
"description": IntelliSense 제안에 표시되는 선택적 설명입니다.
스니펫 사용:
접두사 입력: 올바른 언어 유형의 파일에서 정의한 접두사(예: forl)를 입력하기 시작합니다.
스니펫 선택: VS Code의 IntelliSense가 스니펫을 제안합니다. 화살표 키로 선택하거나 클릭하여 선택합니다.
탭 정지 사용: Tab 키를 눌러 탭 정지($1, $2 등) 사이를 탐색하고 값을 입력합니다.
변수:
스니펫은 $TM_FILENAME, $CURRENT_YEAR 등의 변수를 활용할 수도 있습니다. 전체 목록은 VS Code 설명서를 참조하세요.
변수가 있는 예(Python):
{
"New Python File": {
"prefix": "newpy",
"body": [
"#!/usr/bin/env python3",
"# -*- coding: utf-8 -*-",
"",
"# ${TM_FILENAME}",
"# Created by: ${USER} on ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}"
]
}
}
스니펫을 마스터하면 반복적인 타이핑을 크게 줄이고 코드의 일관성을 보장할 수 있습니다. 일반적으로 사용되는 코드 패턴에 대한 스니펫을 직접 만들어 보고 코딩 효율성이 급상승하는 것을 지켜보세요.