본문으로 건너뛰기

Visual Studio Code의 프로필

Visual Studio Code는 수백 개의 설정, 수천 개의 확장 프로그램, 그리고 편집기를 커스터마이징하기 위한 UI 레이아웃 조정 방법이 무수히 많습니다. VS Code Profiles을 사용하면 커스터마이징 세트를 생성하고 이들 간에 빠르게 전환하거나 다른 사람과 공유할 수 있습니다. 이 주제에서는 Profiles Editor를 사용하여 프로필을 생성, 수정, 내보내기 및 가져오는 방법을 설명합니다.

프로필 편집기 접근​

Profiles Editor를 사용하면 단일 장소에서 VS Code의 프로필을 생성하고 관리할 수 있습니다.

프로필 편집기를 보여주는 스크린샷.

다음 방법 중 하나로 프로필 편집기에 접근할 수 있습니다:

  • File > Preferences > Profiles 메뉴 항목

    프로필 편집기 메뉴 항목

  • 활동 바 하단의 Manage 기어 버튼

    활동 바의 관리 버튼을 통해 프로필 편집기 접근

프로필 생성​

VS Code는 현재 구성을 Default Profile로 취급합니다. 설정을 수정하거나, 확장 프로그램을 설치하거나, 화면을 이동하여 UI 레이아웃을 변경하면 이러한 커스터마이징가 기본 프로필에 기록됩니다.

새 프로필을 생성하려면 프로필 편집기를 열고 New Profile 버튼을 선택합니다. 그러면 프로필 이름을 입력하고 아이콘을 선택하며 새 프로필에 포함할 내용을 구성할 수 있는 새 프로필 양식이 열립니다.

프로필 생성

프로필 템플릿이나 기존 프로필의 내용을 복사하여 새 프로필을 생성하거나 Empty Profile을 생성할 수 있습니다. 빈 프로필에는 설정, 확장 프로그램, 스니펫 등과 같은 커스터마이징가 포함되지 않습니다.

복사 옵션

새 프로필을 기본 프로필의 나머지 구성에서 설정할 수 있으며, 설정(설정, 키보드 단축키, 스니펫, 작업 및 확장 프로그램) 중 일부만 포함하도록 제한할 수 있습니다. 예를 들어, 모든 구성을 포함하되 키보드 단축키를 제외한 프로필을 생성하면, 이 프로필이 활성화될 때 VS Code는 기본 프로필의 키보드 단축키를 적용합니다.

복사할 템플릿이나 프로필의 내용을 Contents 섹션에서 탐색할 수 있습니다. 각 섹션 옆에는 내용을 확인할 수 있는 Open 버튼이 있습니다.

프로필 구성, 탐색 및 미리보기

Preview 버튼을 선택하여 새 프로필을 생성하기 전에 미리 볼 수 있습니다. 그러면 새 프로필이 적용된 새로운 VS Code 창이 열립니다. 미리 보기가 만족스러우면 Create 버튼을 선택하여 새 프로필을 생성할 수 있습니다.

현재 프로필 확인​

현재 VS Code 창에서 사용 중인 프로필은 VS Code UI의 여러 곳에서 확인할 수 있습니다:

  • VS Code 제목 표시줄

  • 활동 바의 Manage 버튼 위에 마우스를 올릴 때 나타나는 텍스트

    프로필에 대한 아이콘을 구성한 경우, 이 아이콘이 활동 바의 Manage 버튼으로 사용됩니다. 다음 스크린샷에서 관리 버튼에 마이크 아이콘이 표시되어 프로필이 활성화되어 있음을 나타냅니다.

    사용자의 프로필이 활성화되어 있음을 나타내는 아이콘을 표시하는 관리 기어

    아이콘을 구성하지 않은 경우, Manage 기어 버튼은 활성 프로필의 첫 두 글자를 배지로 표시하여 현재 실행 중인 프로필을 빠르게 확인할 수 있습니다.

    사용자의 '데이터 사이언스' 프로필이 활성화되어 있음을 나타내는 'DA'를 표시하는 관리 기어

  • 프로필 편집기

    프로필 편집기에서 현재 프로필 표시

노트

기본 프로필을 사용 중인 경우 프로필 이름이 표시되지 않습니다.

프로필 구성​

프로필은 VS Code 구성 변경과 동일하게 구성할 수 있습니다. 확장 프로그램을 설치/제거/비활성화하고, 설정을 변경하며, 편집기의 UI 레이아웃을 조정할 수 있습니다(예: 화면 이동 및 숨기기). 이러한 변경 사항을 적용하면 현재 활성 프로필에 저장됩니다.

폴더 및 작업 공간 연결​

프로필을 생성하거나 선택하면 현재 폴더 또는 작업 공간과 연결됩니다. 해당 폴더를 열 때마다 작업 공간의 프로필이 활성화됩니다. 다른 폴더를 열면, 이미 설정된 경우 다른 폴더의 프로필로 변경됩니다.

프로필과 연결된 폴더 목록은 Profiles 편집기의 Folders & Workspaces 섹션에서 확인할 수 있습니다.

폴더 및 작업 공간 섹션

프로필 관리​

프로필 전환​

Command Palette에서 Profiles: Switch Profile 명령을 사용하여 프로필 간에 빠르게 전환할 수 있으며, 사용 가능한 프로필 목록이 드롭다운으로 표시됩니다.

프로필 편집기에서 전환하려는 프로필 옆의 Use this Profile for Current Window 버튼을 선택하여 프로필을 전환할 수도 있습니다.

프로필 편집기에서 프로필 전환

프로필 편집​

프로필 편집기에서 기존 프로필의 이름, 아이콘 및 기타 구성을 편집할 수 있습니다.

프로필 삭제​

프로필 편집기에서 삭제하려는 프로필의 오버플로우 작업에서 Delete Profile 버튼을 선택하여 프로필을 삭제할 수 있습니다.

프로필 편집기에서 프로필 삭제

Delete Profile 명령을 통해서도 프로필을 삭제할 수 있습니다. Delete Profile 드롭다운을 사용하여 삭제할 프로필을 선택할 수 있습니다.

프로필로 새 창 열기​

프로필 편집기에서 프로필 콘텐츠 보기의 Use for New Windows 옵션을 사용하여 새 VS Code 창을 열 때 사용할 프로필을 선택할 수 있습니다.

새 창을 위한 커스터마이징 프로필 구성

File > New Window with Profile 메뉴를 사용하여 특정 프로필을 위한 새 VS Code 창을 직접 열 수 있으며, 사용하려는 프로필을 선택합니다.

모든 프로필에 설정 적용​

모든 프로필에 설정을 적용하려면 설정 편집기에서 Apply Setting to all Profiles 작업을 사용합니다.

모든 프로필에 설정 적용

프로필 내에서 이 설정에 대한 업데이트는 다른 모든 프로필에도 적용됩니다. Apply Extension to all Profiles 작업의 체크를 해제하면 이 동작을 언제든지 되돌릴 수 있습니다.

모든 프로필에 확장 적용​

모든 프로필에 확장을 적용하려면 확장 보기에서 Apply Extension to all Profiles 작업을 선택합니다.

모든 프로필에 확장 적용

이렇게 하면 이 확장 프로그램이 모든 프로필에서 사용 가능해집니다. Apply Extension to all Profiles 작업의 체크를 해제하면 이 동작을 언제든지 되돌릴 수 있습니다.

기기 간 프로필 동기화​

설정 동기화를 사용하여 다양한 기기 간에 프로필을 이동할 수 있습니다. 설정 동기화가 활성화되고 Settings Sync: Configure 드롭다운에서 Profiles이 체크된 경우, 모든 프로필이 동기화된 기기에서 사용 가능합니다.

프로필이 체크된 설정 동기화 데이터 드롭다운

노트

VS Code는 원격 창으로부터 확장 프로그램을 동기화하지 않습니다. 예를 들어 SSH, 개발 컨테이너(devcontainer) 또는 WSL에 연결된 경우입니다.

프로필 공유​

내보내기​

프로필을 저장하거나 다른 사람과 공유하기 위해 내보내려면 내보내려는 프로필의 오버플로우 작업에서 Export... 버튼을 사용합니다.

프로필 편집기에서 프로필 내보내기

Export... 를 선택하면 프로필 이름과 GitHub gist 또는 로컬 파일 시스템에 내보낼 것인지 여부를 묻는 메시지가 표시됩니다.

GitHub gist로 저장​

프로필을 GitHub에 저장하면(로그인하라는 메시지가 표시됨) 대화 상자가 열리고, 프로필 gist URL을 다른 사람과 공유하기 위해 Copy Link 옵션이 제공됩니다. URL에는 자동 생성된 GUID가 포함되며 형식은 https://vscode.dev/editor/profile/github/{GUID}입니다. GitHub gist는 Secret로 표시되므로 링크가 있는 사람만 gist를 볼 수 있습니다.

프로필 URL을 열면 VS Code for the Web에서 프로필 편집기가 열리고 가져온 프로필 내용이 표시됩니다. 원하면 프로필 요소의 선택을 해제할 수 있으며, VS Code for the Web에서 해당 프로필을 계속 사용하려면 수동으로 Install Extensions(클라우드 버튼을 통해 다운로드)해야 합니다.

또한 Import Profile in Visual Studio Code 옵션이 제공되며, 이 옵션을 선택하면 VS Code Desktop이 열리고 프로필 내용이 표시되며 Import Profile 버튼이 나타납니다.

귀하의 gist는 https://gist.github.com/{username}에서 확인할 수 있습니다. GitHub gist 페이지에서 gist의 이름을 바꾸거나 삭제하거나 GUID를 복사할 수 있습니다.

로컬 파일로 저장​

프로필을 로컬 파일로 저장하기로 선택한 경우, Save Profile 대화 상자가 열리고 로컬 머신에 파일을 배치할 수 있습니다. 프로필은 .code-profile 확장자를 가진 파일에 저장됩니다.

가져오기​

프로필 편집기에서 New Profile 버튼의 드롭다운 작업에서 Import Profile... 버튼을 선택하여 기존 프로필을 가져올 수 있습니다.

프로필 편집기에서 프로필 가져오기

**Import Profile...**를 선택하면 GitHub gist의 URL 또는 프로필의 파일 위치를 묻는 Import Profile 대화 상자가 표시됩니다. 프로필을 선택하면 프로필 생성 양식이 열리고 가져올 프로필이 미리 선택됩니다. 프로필을 계속 수정하고 Create을 선택하여 프로필을 가져올 수 있습니다.

프로필 사용 사례​

프로필은 VS Code를 사용자에게 더 잘 맞도록 커스터마이징하는 훌륭한 방법입니다. 이 섹션에서는 프로필의 몇 가지 일반적인 사용 사례를 살펴봅니다.

프로필은 작업 공간별로 기억되므로 특정 프로그래밍 언어에 맞게 VS Code를 커스터마이징하는 데 유용합니다. 예를 들어, JavaScript 개발에 필요한 확장, 설정 및 커스터마이징를 포함하는 JavaScript 프론트엔드 프로필을 하나의 작업 공간에 만들고, Python 개발에 필요한 확장, 설정 및 커스터마이징를 포함하는 Python 백엔드 프로필을 다른 작업 공간에 만들 수 있습니다. 이러한 접근 방식을 사용하면 작업 공간 간에 쉽게 전환하고 항상 올바르게 구성된 VS Code를 사용할 수 있습니다.

데모​

데모를 수행할 때 특정 구성을 설정하기 위해 프로필을 사용할 수 있습니다. 예를 들어, 특정 확장 및 설정(줌 수준, 글꼴 크기, 색상 테마 등)을 포함하는 프로필을 생성할 수 있습니다. 이렇게 하면 데모가 일반 VS Code 설정을 망치지 않으며, 발표 중 가시성을 높이기 위해 VS Code를 커스터마이징할 수 있습니다.

교육​

프로필은 학생들이 교실 환경에서 사용하기 쉽게 VS Code를 커스터마이징하는 데 사용할 수 있습니다. 프로필을 사용하면 교육자가 학생들과 커스터마이징된 VS Code 설정을 빠르게 공유할 수 있습니다. 예를 들어, 교육자는 컴퓨터 과학 수업에 필요한 특정 확장 및 설정을 포함하는 프로필을 생성한 후 이를 학생들과 공유할 수 있습니다.

VS Code 문제 보고​

빈 프로필의 한 가지 용도는 VS Code의 문제를 보고할 때 편집기를 재설정하는 것입니다. 빈 프로필은 모든 확장 및 수정된 설정을 비활성화하므로 문제가 확장, 설정 또는 VS Code 핵심에 있는지 빠르게 확인할 수 있습니다.

프로필 템플릿​

VS Code는 특정 워크플로우에 맞게 VS Code를 커스터마이징하는 데 사용할 수 있는 미리 정의된 프로필 템플릿 세트를 제공합니다. 템플릿을 기반으로 새 프로필을 생성하려면 Create Profile 흐름을 진행할 때 프로필 템플릿을 선택합니다.

Python 프로필 템플릿​

Python 프로필은 Python 개발을 위한 좋은 출발점입니다. Python 전용 스니펫이 포함되어 있으며 다음과 같은 확장 프로그램이 있습니다:

  • autoDocstring - Python docstring을 자동으로 생성합니다.
  • Docker - 컨테이너화된 애플리케이션을 생성, 관리 및 디버깅합니다.
  • Even Better TOML - pyproject.toml 파일에 대한 완전한 TOML 지원.
  • Python - IntelliSense, 환경 관리, 디버깅, 리팩토링.
  • Python 환경 관리자 - Python 환경 및 패키지를 관리합니다.
  • 원격 개발 확장 팩 - SSH, WSL 및 개발 컨테이너를 지원합니다.
  • Ruff - Ruff Python 린터 및 포매터를 통합합니다.

이 프로필은 다음과 같은 설정도 설정합니다:

    "python.analysis.autoImportCompletions": true,
    "python.analysis.fixAll": ["source.unusedImports"],
    "editor.defaultFormatter": "charliermarsh.ruff"

데이터 사이언스 프로필 템플릿​

데이터 사이언스 프로필은 모든 데이터 및 노트북 작업을 위한 좋은 출발점입니다. 특정 스니펫이 포함되어 있으며 다음과 같은 확장이 있습니다:

  • Data Wrangler - 표 형식 데이터 세트 및 Excel/CSV/Parquet 파일을 위한 데이터 보기, 정리 및 준비
  • GitHub Copilot - 당신의 AI 페어 프로그래머
  • Jupyter - VS Code 내에서 Jupyter 노트북 사용
  • Python - IntelliSense, 환경 관리, 디버깅, 리팩토링
  • 원격 개발 확장 팩 - SSH, WSL 및 개발 컨테이너를 지원합니다
  • Ruff - Ruff Python 린터 및 포매터를 통합합니다

이 프로필은 다음과 같은 설정 파일도 설정합니다:

    "[python]": {
        "editor.defaultFormatter": "charliermarsh.ruff",
        "editor.formatOnType": true,
        "editor.formatOnSave": true
    },
    "editor.inlineSuggest.enabled": true,
    "editor.lineHeight": 17,
    "breadcrumbs.enabled": false,
    "files.autoSave": "afterDelay",
    "notebook.output.scrolling": true,
    "jupyter.themeMatplotlibPlots": true,
    "jupyter.widgetScriptSources": [
        "unpkg.com",
        "jsdelivr.com"
    ],
    "files.exclude": {
        "**/.csv": true,
        "**/.parquet": true,
        "**/.pkl": true,
        "**/.xls": true
    }

문서 작성자 프로필 템플릿​

문서 작성자 프로필은 문서 작성을 위한 좋은 가벼운 설정입니다. 다음과 같은 확장 프로그램이 포함되어 있습니다:

이 프로필은 다음과 같은 설정 파일도 설정합니다:

    "workbench.colorTheme": "Default Light Modern",
    "editor.minimap.enabled": false,
    "breadcrumbs.enabled": false,
    "editor.glyphMargin": false,
    "explorer.decorations.badges": false,
    "explorer.decorations.colors": false,
    "editor.fontLigatures": true,
    "files.autoSave": "afterDelay",
    "git.enableSmartCommit": true,
    "window.commandCenter": true,
    "editor.renderWhitespace": "none",
    "workbench.editor.untitled.hint": "hidden",
    "markdown.validate.enabled": true,
    "markdown.updateLinksOnFileMove.enabled": "prompt",
    "workbench.startupEditor": "none"

Node.js 프로필 템플릿​

Node.js 프로필은 모든 Node.js 작업을 위한 좋은 출발점입니다. 다음과 같은 확장 프로그램이 포함되어 있습니다:

이 프로필은 다음과 같은 설정을 포함합니다:

    "editor.formatOnPaste": true,
    "git.autofetch": true,
    "[markdown]":  {
        "editor.wordWrap": "on"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }

Angular 프로필 템플릿​

Angular 프로필은 모든 Angular 작업을 위한 좋은 출발점입니다. 다음과 같은 확장 프로그램이 포함되어 있습니다:

이 프로필은 다음과 같은 설정을 설정합니다:

    "editor.formatOnPaste": true,
    "git.autofetch": true,
    "[markdown]":  {
        "editor.wordWrap": "on"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.iconTheme": "material-icon-theme"

Java 일반 프로필 템플릿​

Java 일반 프로필은 모든 Java 작업을 위한 좋은 출발점입니다. Java 경험을 개선하기 위해 레이아웃을 커스터마이징하며, Java 확장 팩에서 다음과 같은 확장 프로그램을 포함합니다:

Java Spring 프로필 템플릿​

Java Spring 프로필은 모든 Java 및 Spring 개발자를 위한 좋은 출발점입니다. Java 일반 프로필을 기반으로 하며 Spring Boot 확장 팩에서 다음과 같은 확장 프로그램을 추가합니다:

이 프로필은 다음과 같은 설정을 설정합니다:

    "[java]": {
        "editor.defaultFormatter": "redhat.java"
    },
    "boot-java.rewrite.reconcile": true

CLI​

특정 프로필로 VS Code를 실행하려면 --profile CLI 인터페이스 옵션을 사용합니다. --profile 인수 뒤에 프로필 이름을 전달하고 해당 프로필을 사용하여 폴더나 작업 공간을 엽니다. 아래 명령은 "웹 개발" 프로필로 web-sample 폴더를 엽니다:

code ~/projects/web-sample --profile "Web Development"

지정된 프로필이 존재하지 않으면 주어진 이름의 새 빈 프로필이 생성됩니다.

자주 묻는 질문​

프로필은 어디에 저장되나요?​

프로필은 사용자 설정 및 키보드 단축키와 유사하게 사용자 구성 아래에 저장됩니다.

  • Windows %APPDATA%\Code\User\profiles
  • macOS $HOME/Library/Application\ Support/Code/User/profiles
  • Linux $HOME/.config/Code/User/profiles

Insiders 버전을 사용하는 경우 중간 폴더 이름은 Code - Insiders입니다.

임시 프로필이란 무엇인가요?​

임시 프로필은 VS Code 세션 간에 저장되지 않는 프로필입니다. 명령 팔레트에서 Profiles: Create a Temporary Profile 명령을 통해 임시 프로필을 생성합니다. 임시 프로필은 빈 프로필로 시작하며 자동 생성된 이름(예: Temp 1)을 가집니다. 프로필 설정 및 확장을 수정하고 VS Code 세션 동안 프로필을 사용할 수 있지만, VS Code를 닫으면 삭제됩니다.

임시 프로필은 기본 또는 기존 프로필을 수정하지 않고 새로운 구성을 시도하거나 확장을 테스트하려는 경우 유용합니다. VS Code를 재시작하면 작업 공간에 대한 현재 프로필이 다시 활성화됩니다.

다른 프로필에서 설정을 상속할 수 있나요?​

현재로서는 특정 설정을 재정의하고 나머지 설정은 다른 프로필에서 유지하는 방식으로 다른 프로필에서 설정을 상속하는 것이 불가능합니다. 이 기능 요청을 vscode 레포에서 추적하고 있습니다.

새 프로필을 생성할 때 다른 프로필이나 기본 프로필의 설정을 복사할 수 있습니다. 이렇게 하면 새 프로필에 설정의 복사본이 생성되지만, 소스 프로필과의 링크는 유지되지 않습니다.

프로젝트에서 프로필을 제거하려면 어떻게 하나요?​

프로젝트를 기본 프로필로 되돌릴 수 있습니다. 모든 프로필 작업 공간 연결을 제거하려면 Developer: Reset Workspace Profiles Associations을 사용할 수 있으며, 이 작업은 현재 프로필이 할당된 모든 로컬 폴더를 기본 프로필로 되돌립니다. eset Workspace Profiles Associations은 기존 프로필을 삭제하지 않습니다.

프로필을 내보낼 때 일부 설정이 내보내지지 않는 이유는 무엇인가요?​

프로필을 내보낼 때 기기 특정 설정은 포함되지 않습니다. 이러한 설정은 다른 기기에서 적용되지 않기 때문입니다. 예를 들어, 로컬 경로를 가리키는 설정은 포함되지 않습니다.

새 프로필을 생성할 때 템플릿이 사용 가능하지 않은 이유는 무엇인가요?​

프로필 템플릿은 VS Code에서 외부로 호스팅되며, 인터넷에 연결되어 있을 때만 템플릿을 다운로드하고 적용할 수 있습니다. 프로필 템플릿이 사용 가능하지 않은 경우 인터넷 연결을 확인하세요.