Visual Studio Code / FTP(SFTP)로 원격 서버 접속하여 파일 수정하는 방법

원격 서버에 파일을 추가하거나 수정할 때, 로컬에서 작업하고 서버에 업로드하는 것은 상당히 번거롭습니다. 그래서 텍스트 에디터 중에는 FTP로 서버에 접속해서 바로 작업할 수 있는 기능을 포함한 것이 있습니다. 대표적인 것은 에디트 플러스입니다.

프로그램 자체에 포함되지는 않았지만, 플러그인을 이용해서 FTP 기능을 추가할 수 있는 텍스트 에디터도 있습니다. 대표적인 것은 Brackets, Visual Studio Code입니다. 이번 포스트에서는 Visual Studio Code의 ftp-simple 확장기능을 이용해서 원격 서버에 접속하는 방법을 알아보겠습니다.

  • FTP 플러그인 중에는 로컬 머신과 서버를 동기화해주는 것이 있고, 서버의 파일을 직접 수정하는 것이 있습니다. ftp-simple은 직접 수정하는 확장기능입니다.
  • ftp-simple은 ftp 뿐만 아니라 sftp도 지원합니다. 서버에 SSH로 접속할 수 있다면 바로 사용할 수 있습니다.

ftp-simple 설치

  • 확장기능(Extension)에서 ftp로 검색합니다. 여러 가지 확장기능이 있는데, 그 중에서 ftp-simple을 설치합니다.

서버 연결 세팅

  • F1을 누른 후 ftp-simple을 입력하면 관련 항목이 나타납니다.
  • 그 중에서 ftp-simple:Config - FTP connection setting을 선택합니다.

  • 연결할 서버의 정보를 입력하고 저장합니다.
  • autosave를 true로 하면 파일을 저장할 때 서버의 파일도 자동으로 저장합니다.
  • confirm을 true로 서버에 저장하기 전에 다시 한 번 저장할 것이냐고 묻습니다. false로 하면 묻지 않고 바로 저장합니다.

  • 여러 개의 서버 정보를 넣고 싶다면 다음과 같은 형식으로 만듭니다. 중괄호 사이에 쉼표(,)가 들어간다는 것에 주의합니다.
[
	{
		"name": "localhost",
		"host": "",
		"port": 21,
		"type": "ftp",
		"username": "",
		"password": "",
		"path": "/",
		"autosave": true,
		"confirm": true
	},
	{
		"name": "localhost",
		"host": "",
		"port": 21,
		"type": "ftp",
		"username": "",
		"password": "",
		"path": "/",
		"autosave": true,
		"confirm": true
	}
]

서버에 연결하여 파일 열기

  • 서버에 있는 파일을 열려면, F1을 누른 후 ftp-simple:Open - Open the file directly from FTP server를 선택합니다.

  • 서버를 선택하고, 원하는 파일을 선택하면 편집기에 그 파일이 열립니다.

서버에 연결하여 디렉토리 열기

  • F1을 누른 후 ftp-simple:Remote directory open to workspace를 선택합니다.

  • 설정한 서버 목록이 나옵니다. 접속하려는 서버를 선택합니다.

  • 탐색기(Explorer)에 표시할 디렉토리를 선택합니다.

  • 탐색기에 폴더와 디렉토리 목록이 나옵니다.
  • 이제 파일 추가, 삭제, 편집 등을 할 수 있습니다.

서버에 연결 끊기

  • 서버와의 연결을 끊으려면 ftp-simple:Close all FTP connections를 실행합니다.

같은 카테고리의 다른 글

무료 SSH 클라이언트 PuTTY 사용법

무료 SSH 클라이언트 PuTTY 사용법

PuTTY PuTTY는 무료로 사용할 수 있는 SSH 클라이언트 프로그램입니다. PuTTY is an SSH and telnet client, developed originally by Simon Tatham for the Windows platform. PuTTY is open source software that is available with source code and is developed and supported by a group of volunteers. 다운로드 PuTTY는 다음 링크에서 다운로드 할 수 있습니다. https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html 설치 ...

Apache / 디렉토리 안에 있는 디렉토리 또는 파일 목록 출력하는 방법

Apache / 디렉토리 안에 있는 디렉토리 또는 파일 목록 출력하는 방법

URL이 정확히 입력되지 않은 경우 보통 다음처럼 Forbidden 에러가 납니다. 이 에러 대신 해당 디렉토리에 있는 파일과 하위 디렉토리 목록이 나오게 하고 싶다면, 설정에 다음 코드를 추가합니다. Options +Indexes

구글 계정 삭제(구글 회원 탈퇴) 하는 방법

구글 계정 삭제(구글 회원 탈퇴) 하는 방법

구글 계정은 여러 개 만들 수 있습니다. 입력해야 하는 정보도 별로 없고, 실명 인증도 없고, 간편하게 원하는 만큼 계정을 만들 수 있습니다. 그래서 만들기는 했지만 사용하지 않는 계정이 생기기 시작합니다. 사용하지 않는다면 탈퇴하는 게 좋겠죠? 구글에서는 회원 탈퇴라는 용어를 쓰지 않고, 계정 삭제라고 합니다. 계정을 삭제하기로 했다면, 일단 백업할 데이터가 있는지 잘 ...

경기도교육청 상용클라우드 계정 만들고 오피스365, 한컴오피스 2018 설치하는 방법

경기도교육청 상용클라우드 계정 만들고 오피스365, 한컴오피스 2018 설치하는 방법

아이가 학교에서 컴퓨터를 배웁니다. 프리젠테이션을 배웠는데 한쇼로 만듭니다. 그리고 과제가 나옵니다. 한쇼로 뭔가를 만들어오라고... 만약 집에 한쇼가 없다면 어떻게 할까요? 아이 과제를 위해 사야할까요? 다행히도 초중고 학생이라면 교육청에서 한컴오피스 사용권을 받을 수 있습니다. MS 오피스 사용권도 얻을 수 있구요. 다음은 교육청에서 MS 오피스, 한컴오피스 사용권을 얻는 방법입니다. 경기도교육청의 사례이고, 다른 지역 ...

KT 공유기 / GiGA WiFi Wave 2 / 초기화하는 방법

KT 공유기 / GiGA WiFi Wave 2 / 초기화하는 방법

KT 공유기를 사용하고 있습니다. 겉면에 GiGA WiFi Wave 2라고 써있네요. 장기고객 혜택이었는지 결합할인 때문이었는지는 기억이 나지 않지만, 공짜로 사용하고 있습니다. 오랫동안 사용해서인지 작동하는 게 좀 이상해져서 초기화를 했습니다. 방법은 간단한데, 모든 설정이 사라지므로 중요한 설정은 메모해두는 것이 좋습니다. KT 공유기 옆면에 초기화 버튼이 있습니다. 펜 같은 걸로 꾸욱 누르고 잠시 기다랍니다. 전면에 LED가 ...

와콤 태블릿 드라이버 설치하는 방법

와콤 태블릿 드라이버 설치하는 방법

와콤 태블릿이 있습니다. 그림 그리면서 놀려고 몇 년 전에 구입한 건데, 거의 사용하지 않았습니다. 컴퓨터에 연결되어 있지도 않습니다. 하지만 계속 놀릴 수는 없죠. 다시 연결하고 사용하기로 마음 먹었습니다. 그랬더니 드라이버 설치 CD가 없어졌네요. 그렇다고 사용할 수 없는 것은 아닙니다. 제조사 홈페이지에서 최신 드라이버를 다운로드 받을 수 있습니다. '와콤 태블릿 드라이버'로 검색을 했습니다. ...

한컴오피스 한글 / 수식 크기 일괄 변경하는 방법

한컴오피스 한글 / 수식 크기 일괄 변경하는 방법

글자 크기와 수식 크기 글자 크기와 수식의 크기는 같거나 비슷해야 보기 좋습니다. 글자와 수식 모두 10pt로 작성했는데 글자 크기를 12pt로 바꾸었다면, 수식 크기도 12pt로 바꾸는 게 좋습니다. 수식 크기는 수식 편집기에서 변경할 수 있습니다. 하지만 이렇게 변경하면 현재 작성 또는 편집하는 수식에만 적용됩니다. 만약 문서 내에 있는 모든 수식의 크기를 바꿔야 한다면 어떻게 할까요? 수식 ...

Brackets / 테마 설치하고 변경하는 방법

Brackets / 테마 설치하고 변경하는 방법

Brackets에서 배경, 글자색 등 모양과 관련된 것들의 집합을 테마(theme)라고 합니다. 브라켓을 설치하면 기본적으로 두 개의 테마가 있는데, 다른 테마를 추가하고 사용할 수 있습니다. 테마 설치하는 방법 오른쪽에 있는 아이콘을 클릭해서 를 엽니다. 분류에서 테마(Themes)를 클릭하면 테마만 목록에 나옵니다. 추가 정보(More info)를 클릭하면 데모를 볼 수 있습니다. 원하는 테마가 있다면 설치(Install)을 클릭합니다. 설치가 완료되면 ...

원노트 / 메뉴에서 할 일 태그 위치 변경

원노트 / 메뉴에서 할 일 태그 위치 변경

할 일 태그는 순서 없는 목록이나 순서 있는 목록을 만드는 버튼 옆에서 만들 수 있었는데, 업데이트가 되면서 위치가 바뀌었습니다. 오른쪽 끝의 하위 메뉴로 들어갔습니다.

에디트플러스 / FTP, SFTP로 원격 서버 접속하는 방법

에디트플러스 / FTP, SFTP로 원격 서버 접속하는 방법

서버에 있는 파일을 수정할 때, 서버에서 다운로드하고 수정하고 업로드하면 무척 번거롭습니다. 그래서 텍스트 에디터 중에는 FTP 또는 SFTP로 서버에 접속해서 서버의 파일을 바로 편집할 수 있는 기능 갖춘 것들이 있습니다. 예를 들어 Visual Studio Code나 Brackets는 확장 기능으로 구현할 수 있고, 드림위버 같은 웹 프로그래밍 제품은 기본적으로 포함하고 있습니다. 여러 가지 프로그램으로 ...