
[VScode] 코드 스니펫(Code Snipet)을 이용하여 나만의 코드 템플릿을 만드는 방법
Tools/Visual Studio Code
2024. 5. 25. 16:50
보통 컴포넌트들을 많이 만들 때마다, 기본 틀이 되는 컴포넌트 코드를 쓰는 게 매우 귀찮다.이럴 때, 코드 스니펫(Code Snipet)을 쓰면 매우 편하게 단축키만 입력하면자동으로 내가 설정해 놓은 코드를 불러 올 수 있다. 코드 스니펫을 이용한 나만의 코드 템플릿 만들기 만약 내가 컴포넌트를 만들 때, 다음과 같은 형태를 자주 사용한다고 가정해보자. 샘플 컴포넌트 코드import React from "react";export const SnipetTestComponent = () => { return ;}; 이제 내가 컴포넌트를 만들때마다, 위의 코드를 간편하게 작성되도록 코드 스니펫에 전역으로 등록해보자. 1. F1을 눌러 snippets을 검색 및 Snippets: Configure User ..