Visual Studio Code / ftp-simple / FTP(SFTP)로 원격 서버 접속하는 확장 기능

원격 서버에 파일을 추가하거나 수정할 때, 로컬에서 작업하고 서버에 업로드하는 것은 상당히 번거롭다. 그래서 텍스트 에디터 중에는 FTP로 서버에 접속해서 바로 작업할 수 있는 기능을 포함한 것이 있다. 또는 프로그램 자체에 포함되지는 않았지만, 플러그인을 이용해서 FTP 기능을 추가할 수 있는 텍스트 에디터도 있다. Visual Studio Code는 플러그인을 추가하여 FTP 접속이 가능하다. 여러 ...

Visual Studio Code / 대문자를 소문자로, 소문자를 대문자로 일괄 변경하는 방법

많은 텍스트를 전부 대문자로 바꾸거나 소문자로 바꿔야 할 때가 있다. 비쥬얼 스튜디오 코드에는 그 작업을 위한 기능을 포함하고 있다. 변환하려는 텍스트를 선택한다. Ctrl + Shift + P를 누른다. 원하는 것을 선택하고 엔터 키를 누른다. 명령에 따른 결과는 다음과 같다. Transform to Lowercase : 모두 소문자로 바꾼다. Transform to Uppercase : 모두 대문자로 바꾼다. Transform to Title Case ...

Visual Studio Code / 설치 파일 종류 - 사용자 설치, 시스템 설치

윈도우(Windows)용 Visual Studio Code 설치 파일은 User Installer와 System Installer 두 가지가 있다. User Installer 사용자 폴더에 설치된다. 다른 사용자는 사용하지 못한다. System Installer 시스템 폴더에 설치된다. 모든 사용자가 사용할 수 있다. 첫 페이지에 있는 것은 User Installer이다. System Installer를 설치하라면 화살표가 가리키는 곳을 클릭하거나... https://code.visualstudio.com/Download로 접속한다.

Visual Studio Code / 자동 줄바꿈 설정하는 방법

를 클릭한다. word wrap으로 검색한 후 on으로 변경한다.

Visual Studio Code / 탭 크기 설정하는 방법

를 클릭하여 설정 파일을 연다. tab으로 검색한 후 왼쪽에서 를 클릭한다. 에서 탭 크기를 정한다. 에서 탭에 공백을 사용할 지 정한다.

Visual Studio Code / 설정 동기화 하는 방법

Visual Studio Code를 여러 기기에서 사용한다면 설정을 동기화하는 것이 편하다. 설정 동기화를 사용하기 위해서는 Github 또는 Microsoft 계정이 필요하다. 를 클릭한다. 을 클릭한다. Github 또는 Microsoft 계정으로 로그인한다. 동기화 여부는 아래와 같이 확인할 수 있다. 개인적으로는 동기화하는 것보다 주 사용 기기에 원격으로 접속하는 것을 ...

Visual Studio Code / 언어 변경하는 방법

Visual Studio Code를 설치했는데, 별 생각 없이 알림이 뜨는 걸 다 클릭했더니 언어가 한글로 되었다. 그 상태에서 잠시 사용했는데, 왠지 어색해서 영어로 변경하기로 했다. 그런데 설정 창에는 언어와 관련된 것이 없더라. 좀 특이한 방법으로 언어를 변경하는데... 를 누른다. 그러면 상단에 명령을 입력하는 창이 나오는데... 라고 입력하면 관련 메뉴들이 나온다. 그 ...

Visual Studio Code / 글꼴, 글자 크기 변경하는 방법

Visual Studio Code 편집기의 글꼴과 글자 크기를 정하는 방법은... 를 클릭한다. 에서 Font Family가 글꼴, Font Size가 글자 크기를 정하는 것이다. 개인적으론 한글을 잘 지원하는 D2Coding 글꼴을 사용한다.

Visual Studio Code / 메모

단축키 주석 블록 주석 : Alt + Shift + A 한 줄 주석 : Ctrl + / 주석 단축키가 되지 않으면, 한글 입력기가 Microsoft 입력기인지 확인한다. 한컴 입력기인 경우 문제가 생긴다. 업데이트 업데이트가 있는 경우 오른쪽 아래에 알림이 뜬다. Install Update를 클릭한다. 잠시 기다리면 Update Now 버튼이 생긴다. 클릭하고 잠시 기다리면... 업데이트가 완료되고 Release Notes를 볼 수 있다.