기본 콘텐츠로 건너뛰기

vscode 단축키 모음

Visual Studio Code, 줄여서 vscode라고 부르는 코딩시 필요한 에디터입니다. 코드를 작성할 때 단순히 윈도우 메모장과 같은 텍스트 편집기를 활용할 수도 있는데요. 불편한 부분들이 있습니다. 사용자의 편의성을 제공하기 위해 다양한 기능이 포함되어 있는 에디터를 선택하고 활용하게 됩니다. 대표적으로 '자동완성' 기능이 있습니다.

아무리 좋은 도구라도 사용자가 잘 사용하지 못한다면 기능의 한계는 분명합니다. 또한, 빠르게 사용하기 위해서는 단축키를 활용하면 도움이 될 수 있습니다. Visual Studio Code 에디터의 단축키를 알아봅니다.

    Visual Studio Code(vscode) 단축키

    Visual Studio Code는 마이크로 소프트에서 개발하여 지원하는 프로그램입니다. 다양한 코딩 언어들을 익스텐션을 이용해 활용할 수 있습니다. 

    기본 편집

    명령명령 ID
    ctrl+X행 삭제 (빈 선택)editor.action.clipboardCutAction
    ctrl+C행 복사 (빈 선택)editor.action.clipboardCopyAction
    ctrl+shift+k행 삭제editor.action.deleteLines
    ctrl+Enter아래에 행 삽입editor.action.insertLineAfter
    ctrl+shift+Enter위에 행 삽입editor.action.insertLineBefore
    alt+Down행을 아래로 이동editor.action.moveLinesDownAction
    alt+Up행을 위로 이동editor.action.moveLinesUpAction
    shift+alt+Down위에 행 복사 추가editor.action.copyLinesDownAction
    shift+alt+Up아래에 행 복사 추가editor.action.copyLinesUpAction
    ctrl+d다음 선택 찾기editor.action.addSelectionToNextFindMatch
    ctrl+k ctrl+d마지막 선택 항목을 다음 찾기 항목으로 이동editor.action.moveSelectionToNextFindMatch
    ctrl+u마지막 커서 작업 실행 취소cursorUndo
    shift+alt+i선택한 각 줄 끝의 커서 삽입editor.action.insertCursorAtEndOfEachLineSelected
    ctrl+shift+l현재 선택 항목을 모두 선택editor.action.selectHighlights
    ctrl+f2현재 단어의 모든 항목 선택editor.action.changeAll
    ctrl+i현재 행 선택expandLineSelection
    ctrl+alt+Down커서를 아래에 추가editor.action.insertCursorBelow
    ctrl+alt+Up커서를 위에 추가editor.action.insertCursorAbove
    ctrl+shift+\일치하는 대괄호로 건너 뛰기editor.action.jumpToBracket
    ctrl +]라인 들여쓰기editor.action.indentLines
    ctrl+[라인 내어쓰기editor.action.outdentLines
    Home행의 시작으로 이동cursorHome
    End행의 끝으로 이동cursorEnd
    ctrl+End파일 끝으로 이동cursorBottom
    ctrl+Home파일 시작으로 이동cursorTop
    ctrl+Down스크롤 다운scrollLineDown
    ctrl+Up스크롤 업scrollLineUp
    alt+PageDown아래로 페이지 스크롤scrollPageDown
    alt+PageUp페이지 위로 스크롤scrollPageUp
    ctrl+shift+[영역 접기editor.fold
    ctrl+shift+]영역 펼치기editor.unfold
    ctrl+k ctrl+[현재 영역 접기editor.foldRecursively
    ctrl+k ctrl+]현재 영역 펼치기editor.unfoldRecursively
    ctrl+k ctrl+0모든 영역 접기editor.foldAll
    ctrl+k ctrl+j모든 영역 펼치기editor.unfoldAll
    ctrl+k ctrl+c행 주석 추가editor.action.addCommentLine
    ctrl+k ctrl+u행 주석 제거editor.action.removeCommentLine
    ctrl+/주석 토글editor.action.commentLine
    shift+alt+a커서위치에 주석 토글editor.action.blockComment
    ctrl+f찾기actions.find
    ctrl+h바꾸기editor.action.startFindReplaceAction
    f3다음 찾기editor.action.nextMatchFindAction
    shift+f3이전 찾기editor.action.previousMatchFindAction
    alt+Enter모든 일치 항목을 선택editor.action.selectAllMatches
    alt+c대소 문자 찾기를 토글toggleFindCaseSensitive
    alt+r정규식 찾기 전환toggleFindRegex
    alt+w전체 단어 찾기 토글toggleFindWholeWord
    ctrl+m포커스 설정을 위해 Tab 키 사용 토글editor.action.toggleTabFocusMode
    할당되지 않음렌더링 공백을 토글합니다.toggleRenderWhitespace
    alt+z단어 감싸기 토글editor.action.toggleWordWrap

    언어 편집

    명령명령 ID
    ctrl+스페이스바트리거 제안editor.action.triggerSuggest
    ctrl+shift+스페이스바트리거 매개 변수 힌트editor.action.triggerParameterHints
    shift+alt+f문서 서식 지정editor.action.formatDocument
    ctrl+k ctrl+f형식 선택editor.action.formatSelection
    f12정의로 이동editor.action.goToDeclaration
    ctrl+k ctrl+i호버 표시editor.action.showHover
    alt+f12키워드 정의editor.action.previewDeclaration
    ctrl+k f12키워드 정의 우측에 열기editor.action.openDeclarationToTheSide
    ctrl+.빠른 수정editor.action.quickFix
    shift+f12참조 표시editor.action.referenceSearch.trigger
    f2심볼 이름 바꾸기editor.action.rename
    ctrl+shift+.다음 값으로 바꾸기editor.action.inPlaceReplace.down
    ctrl+shift+,이전 값으로 바꾸기editor.action.inPlaceReplace.up
    shift+alt+오른쪽선택 확장editor.action.smartSelect.grow
    shift+alt+왼쪽선택 축소editor.action.smartSelect.shrink
    ctrl+k ctrl+x공백 제거editor.action.trimTrailingWhitespace
    ctrl+km언어 모드 변경workbench.action.editor.changeLanguageMode

    네비게이션

    명령명령 ID
    ctrl+t모든 기호 표시workbench.action.showAllSymbols
    ctrl+g행으로 이동workbench.action.gotoLine
    ctrl+p빠른 열기, 파일로 이동workbench.action.quickOpen
    ctrl+shift+o기호로 이동workbench.action.gotoSymbol
    ctrl+shift+m오류 보기workbench.actions.view.problems
    f8다음 오류 또는 경고로 이동editor.action.marker.next
    shift+f8이전 오류 또는 경고로 이동editor.action.marker.prev
    ctrl+shift+p모든 명령 표시workbench.action.showCommands
    ctrl+shift+Tab편집기 기록 탐색workbench.action.openPreviousRecentlyUsedEditorInGroup
    alt+왼쪽뒤로 이동workbench.action.navigateBack
    alt+오른쪽앞으로 이동workbench.action.navigateForward

    에디터/윈도우 관리

    명령명령 ID
    ctrl+shift+n새창 열기workbench.action.newWindow
    ctrl+w창 닫기workbench.action.closeWindow
    ctrl+f4편집기 닫기workbench.action.closeActiveEditor
    ctrl+kf폴더 닫기workbench.action.closeFolder
    할당되지 않음편집기 그룹 사이주기workbench.action.navigateEditorGroups
    ctrl+\편집기 나누기workbench.action.splitEditor
    ctrl+1첫번째 편집기 그룹에 초점 맞추기workbench.action.focusFirstEditorGroup
    ctrl+2두번째 편집기 그룹에 초점 맞추기workbench.action.focusSecondEditorGroup
    ctrl+3세번째 편집기 그룹에 초점 맞추기workbench.action.focusThirdEditorGroup
    ctrl+k ctrl+왼쪽왼쪽 편집기 그룹에 초점 맞추기workbench.action.focusPreviousGroup
    ctrl+k ctrl+오른쪽오른쪽 편집기 그룹에 초점 맞추기workbench.action.focusNextGroup
    ctrl+shift+PageUp왼쪽으로 편집기 이동workbench.action.moveEditorLeftInGroup
    ctrl+shift+PageDown오른쪽으로 편집기 이동workbench.action.moveEditorRightInGroup
    ctrl+k 왼쪽활성 편집기 그룹을 왼쪽으로 이동workbench.action.moveActiveEditorGroupLeft
    ctrl+k 오른쪽활성 편집기 그룹을 오른쪽으로 이동workbench.action.moveActiveEditorGroupRight
    ctrl+alt+오른쪽편집기를 다음 그룹으로 이동workbench.action.moveEditorToNextGroup
    ctrl+alt+왼쪽편집기를 이전 그룹으로 이동workbench.action.moveEditorToPreviousGroup

    파일 관리

    명령명령 ID
    ctrl+n새탭 열기workbench.action.files.newUntitledFile
    ctrl+o파일 열기workbench.action.files.openFile
    ctrl+s저장workbench.action.files.save
    ctrl+ks모두 저장workbench.action.files.saveAll
    ctrl+shift+s다른 이름으로 저장workbench.action.files.saveAs
    ctrl+f4닫기workbench.action.closeActiveEditor
    할당되지 않음기타 닫기workbench.action.closeOtherEditors
    ctrl+kw그룹 닫기workbench.action.closeEditorsInGroup
    할당되지 않음다른 그룹 닫기workbench.action.closeEditorsInOtherGroups
    할당되지 않음왼쪽에서 왼쪽 그룹 닫기workbench.action.closeEditorsToTheLeft
    할당되지 않음그룹을 오른쪽으로 닫기workbench.action.closeEditorsToTheRight
    ctrl+k ctrl+w모두 닫기workbench.action.closeAllEditors
    ctrl+shift+t닫힌 편집기 다시 열기workbench.action.reopenClosedEditor
    ctrl+k Enter계속 열기workbench.action.keepEditor
    ctrl+Tab다음 열기workbench.action.openNextRecentlyUsedEditorInGroup
    ctrl+shift+Tab이전 열기workbench.action.openPreviousRecentlyUsedEditorInGroup
    ctrl+kp활성 파일의 경로 복사workbench.action.files.copyPathOfActiveFile
    ctrl+kr현재 파일 탐색기로 열기workbench.action.files.revealActiveFileInWindows
    ctrl+ko현재 파일 새 창에 열기workbench.action.files.showOpenedFileInNewWindow
    할당되지 않음열린 파일 비교workbench.files.action.compareFileWith

    디스플레이

    명령명령 ID
    f11전체 화면 토글workbench.action.toggleFullScreen
    ctrl+kz젠 모드 토글workbench.action.toggleZenMode
    Escape Escape젠 모드에서 나가기workbench.action.exitZenMode
    ctrl+=확대workbench.action.zoomIn
    ctrl+-축소workbench.action.zoomOut
    ctrl+Numpad 0재설정 확대workbench.action.zoomReset
    ctrl+b사이드바 토글workbench.action.toggleSidebarVisibility
    ctrl+shift+e탐색기 표시 / 포커스 전환workbench.view.explorer
    ctrl+shift+f검색보기workbench.view.search
    ctrl+shift+g소스 제어 표시workbench.view.scm
    ctrl+shift+d디버그 표시workbench.view.debug
    ctrl+shift+x확장 표시workbench.view.extensions
    ctrl+shift+u출력 보기workbench.action.output.toggleOutput
    ctrl+q명령창에서 빠른 열기workbench.action.quickOpenView
    ctrl+shift+c새 프롬프트 열기workbench.action.terminal.openNativeConsole
    ctrl+shift+v마크다운 미리보기 토글markdown.showPreview
    ctrl+kv마크다운 측면에 미리보기markdown.showPreviewToSide
    ctrl+`통합 터미널 토글workbench.action.terminal.toggleTerminal

    검색

    명령명령 ID
    ctrl+shift+f검색보기workbench.view.search
    ctrl+shift+h파일에서 바꾸기workbench.action.replaceInFiles
    alt+c대 / 소문자 전환toggleSearchCaseSensitive
    alt+w전체 단어 맞추기 토글toggleSearchWholeWord
    alt+r정규 표현식 사용 토글toggleSearchRegex
    ctrl+shift+j검색 세부 사항 전환workbench.action.search.toggleQueryDetails
    f4검색 바꾸기 열기search.action.focusNextSearchResult
    shift+f4이전 검색 바꾸기 검색 결과search.action.focusPreviousSearchResult
    alt+Down다음 검색 용어 표시search.history.showNext
    alt+Up이전 검색 용어 표시search.history.showPrevious

    환경 설정

    명령명령 ID
    ctrl+,사용자 설정 열기workbench.action.openGlobalSettings
    할당되지 않음작업 공간 설정 열기workbench.action.openWorkspaceSettings
    ctrl+k ctrl+s키보드 단축키 열기workbench.action.openGlobalKeybindings
    할당되지 않음사용자 스니펫 열기workbench.action.openSnippets
    ctrl+k ctrl+t색상 테마 선택workbench.action.selectTheme
    할당되지 않음디스플레이 언어 구성workbench.action.configureLocale

    디버그

    명령명령 ID
    f9중단점 토글editor.debug.action.toggleBreakpoint
    f5디버그 시작workbench.action.debug.start
    f5디버그 확인workbench.action.debug.continue
    ctrl+f5시작(디버깅하지 않음)workbench.action.debug.run
    f6중지workbench.action.debug.pause
    f11들어가기workbench.action.debug.stepInto
    shift+f11스텝 아웃workbench.action.debug.stepOut
    f10스텝 오버workbench.action.debug.stepOver
    shift+f5중지workbench.action.debug.stop
    ctrl+k ctrl+i호버 표시editor.debug.action.showDebugHover

    작업주자 목록

    명령명령 ID
    ctrl+shift+b빌드 작업 실행workbench.action.tasks.build
    할당되지 않음테스트 작업 실행workbench.action.tasks.test

    *단축키를 이용해 빠르고 원활하게 작업을 진행할 수 있겠습니다. 

    댓글

    이 블로그의 인기 게시물

    애드센스 보고서 보는 방법(날짜별, 일별)

    애드센스를 운영하다보면 차트를 수시로 보게 됩니다. 수익이 많이 잡히는 것이 아니어도, 단 1클릭만 발생하면 체크하는 자신을 발견할 수 있습니다. 많은 경험이 있는 사람들은 '그 시간에 1개의 포스팅을 해라'라는 이야기를 하기도 합니다. 너무나 좋은 이야기임에 분명하지만, 사람의 마음이 또 그렇지 않습니다. 오늘은 얼마의 수익이 발생했는지 확인하고 싶어지기 때문이죠. 애드센스 홈페이지에 방문한 후, '보고서'를 통해 수익을 확인할 수 있습니다. 보고서는 기본적으로 '지난 7일'을 기준으로 합니다. 전체 수익을 보여주게 되는데요. 전체적인 통계를 보는 방법으로 괜찮습니다. 하지만, 하루 수익을 보기 위해서는 별도의 설정이 필요합니다. 수익이 발생하여 기쁜 마음과 궁금증으로 애드센스를 보기도 하지만, 분석을 위해서 보는 경우도 있습니다. 7일을 기준으로 보고서를 보는 경우 수익변화를 분석하는데 도움이 되지 않을 수 있습니다. 자주 이용하는 방법은 일별 수익 변화이기 때문이죠. 이번에는 애드센스 보고서 설정을 통해 수익 변화를 살펴보는 방법을 알아봅니다. Contents 애드센스 보고서 보는 방법 가장 먼저 애드센스 보고서 보는 방법을 알아볼 필요가 있습니다. 애드센스 메인 홈페이지에 접속하도록 합니다. 기본적으로 왼쪽 바이드바에는 여러 기능이 있습니다. 만약, 사이드바에서 아이콘만 보인다면 상단에 있는 햄버거 버튼(가로줄 세개) 아이콘을 클릭합니다. 위 사진을 참고하면 됩니다. 스크롤을 내리면 '보고서' 라는 메뉴를 찾을 수 있습니다. 여기서 본격적으로 '오늘', '지난 7일', '최근 30일', '이번달', '지난달', '맞춤 설정' 등을 진행하여 보고서 양식을 확인할 수 있습니다. 애드센스 보고서 설정하기 보고서 페이지 상단에 있는 기본 설정 탭을 이용합니다. ● 오늘 가장 먼저 활용할 방법은 '오늘...

    구글 블로거 파비콘 넣는 방법(파비콘 쉽게 만들기)

    웹사이트는 다양한 요소를 기준으로 SEO 점수를 측정합니다. 일부 스팸 사이트의 경우, 세밀한 설정을 생략한 후 다량으로 생성되는 콘텐츠만 이용하기도 하죠. 사이트를 상징할 수 있는 것으로 대표되는 것은 파비콘, 로고, 도메인이 있습니다. 구글 블로거에서 파비콘을 넣는 방법을 알아봅니다. 또한, 보다 쉽게 파비콘을 만드는 방법도 살펴봅니다. Contents 구글 블로거 파피콘 등록하는 방법 ① 블로거 설정 메뉴 구글 블로거에는 다양한 기본 설정을 조절할 수 있는 메뉴가 있습니다. 여기서 파비콘을 등록할 수 있습니다. ② 파비콘 등록하기 설정에 있는 파비콘 메뉴를 선택합니다. 새로운 창이 뜨면서 파비콘을 등록할 수 있는 페이지를 볼 수 있습니다. ③ 파일 선택 및 저장 준비된 파비콘 이미지를 '파일 선택' 기능을 이용해 선택합니다. 페이지에 파비콘이 등록되는 모습이 보인다면 '저장' 버튼을 이용해 서버에 저장할 수 있습니다. 파비콘 설정이 정상적으로 이루어졌음에도 불구하고 자신의 블로그에 파비콘이 나타나지 않는 것은 설정이 적용되는데 시간이 걸리기 때문입니다. 1일~2일 정도 기다리면 적용된 파비콘을 확인할 수 있습니다. 물론, 그보다 짧은 시간에 적용된 모습을 볼 수도 있습니다. 파비콘 쉽게 만들기 파비콘은 웹사이트 탭에서 볼 수 있는 작은 아이콘을 의미합니다. 해당 파일은 '.ico' 확장자로 이루어진 파일을 사용해야 합니다. 원하는 아이콘 파일 혹은 이미지 파일을 준비한 후, ico파일로 변환하여 사용하면 됩니다. 1. 아이콘 혹은 이미지 파일 준비하기 이미지 편집 혹은 만들기가 쉽지 않게 느껴진다면 '무료 아이콘' 사이트를 이용할 수 있습니다. 구글 검색에서 '무료 아이콘'이라고 검색하면 수많은 사이트를 확인할 수 있는데요. 그 중 하나를 살펴보도록 합니다. 👉 flaticon.com 해당 사이트는 무료 벡터 아이콘 및 스티커를 공유하는 사이트입니다. 여기서 사용자가 ...

    구글 블로그 소제목 꾸미기(ft.블로그 템플릿 설정)

    이미 티스토리, 네이버 블로그에 익숙한 사람들에게 구글 블로그는 참 불편한 서비스임에 분명합니다. 다양한 편의 기능들이 없기 때문이죠. 그나마 워드프레스는 조금 수월하기는 합니다. 그럼에도 구글 블로그를 이용하려는 사람들이 국내에서도 꾸준히 늘고 있습니다. 저도 그렇구요. 불편하면 고치면 됩니다. 기존에 사용하던 티스토리 블로그와 같은 소제목 스타일을 구글 블로그에 사용하는 방법에 대해서 알아봅니다. 구글 블로그 소제목 설정 티스토리, 워드프레스에는 css를 편집할 수 있는 툴이 존재합니다. 구글 블로그에도 분명 이런 기능이 있습니다. 다만, css를 추가 혹은 편집한 결과를 보는 방법이 익숙하지 않기도 합니다. 티스토리에서 가장 많이 사용하게 되는 글 형식을 미리 불러오는 방법으로 '서식'을 이용하게 됩니다. 구글 블로그에도 티스토리 블로그의 '서식'과 비슷한 기능이 있습니다. 설정에서 찾을 수 있는데요. 바로 " 글 템플릿 "입니다. 글 템플릿이란, 새 글을 작성할 때 미리 설정한 템플릿(서식)을 불러오게 됩니다. 이렇게 불러온 서식에 원하는 글을 작성하는 방법입니다. 글 템플릿 설정 방법 이제 본격적으로 구글 블로그의 글 템플릿 설정 방법을 알아보도록 합니다. 구글 블로그 '설정'에서 '글' 메뉴를 찾으면 됩니다. 구글 블로그 설정 > 글 > 글 템플릿 지정 1. 구글 블로그 설정 구글 블로그에 접속하면 기본적으로 사용자 관리 페이지로 보여지게 됩니다. 처음에는 이 심플한 모습이 낯설기만 하죠. 왼쪽에는 다양한 기능들이 모여있는 사이드바가 존재합니다. 살펴보면 톱늬바퀴모양의 "설정" 기능을 확인할 수 있습니다. 2. 설정 페이지에서 '글' 영역 찾기 설정 메뉴를 선택하면 다양한 기능들이 주어지는 페이지를 볼 수 있습니다. 스크롤을 내리면 '글'이라는 영역을 찾을 수 있습니다. 하위 메뉴에는 " 글 템플릿(선택...