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를 실행합니다.

같은 카테고리의 다른 글

크롬 / 검색 기록, 방문 기록 등 인터넷 사용 기록 삭제하는 방법

크롬 / 검색 기록, 방문 기록 등 인터넷 사용 기록 삭제하는 방법

크롬 인터넷 사용 기록 크롬 웹브라우저를 사용하면 검색 기록, 방문 기록, 다운로드 기록, 쿠키, 이미지 등이 저장됩니다. 웹 서핑을 편하게 하고, 로딩 속도를 빠르게 하기 위한 기능입니다. 혼자 사용하는 기기라면 이러한 기록이 있어도 상관없지만, 여럿이 사용하는 기기라면 기록을 남기는 게 싫을 수 있습니다. 어떻게 이 기록들을 지울 수 있는지, 데스크톱과 모바일로 구분하여 ...

PuTTY / 백업하는 방법, 복원하는 방법

PuTTY / 백업하는 방법, 복원하는 방법

PuTTY는 널리 사용되는 무료 SSH 클라이언트 프로그램입니다. 많은 기능을 포함하고 있어 사용에 문제는 없는데, 한 가지 아쉬운 점은 설정을 백업, 복원하는 기능이 없다는 것입니다. 하지만, 다른 방법으로 백업과 복원이 가능합니다. 바로 레지스트리를 이용하는 것입니다. PuTTY 백업 WIN+R을 눌러 실행 창을 엽니다. regedit을 입력하고 을 클릭합니다. 왼쪽을 확장하면서 \HKEY_CURRENT_USER\SOFTWARE\SimonTatham로 찾아 들어갑니다. 마우스 우클릭 후 를 클릭합니다. 파일 이름을 ...

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

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

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

무료 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 설치 ...

호스팅케이알 / 도메인 개인정보보호서비스로 개인정보 숨기는 방법

호스팅케이알 / 도메인 개인정보보호서비스로 개인정보 숨기는 방법

도메인 소유자의 정보는 WHOIS 검색을 통해 알아낼 수 있습니다. 예를 들어 네이버는... 다음과 같이 나옵니다. 회사라면 회사의 정보가 나오고, 개인이라면 개인의 정보가 나옵니다. 주소 뿐만 아니라 전화번호까지 나와서 마음에 들지 않을 수 있습니다. 만약 개인 정보가 노출되는 게 싫다면, 정보를 노출시키지 않는 부가서비스를 이용하면 됩니다. 호스팅케이알에서는 이를 도메인 개인정보보호라고 합니다. 1개월에 100원인 유료 ...

안드로이드 / Remote Desktop 8 / 마이크로소프트가 만든 원격 데스크톱 앱

안드로이드 / Remote Desktop 8 / 마이크로소프트가 만든 원격 데스크톱 앱

윈도우에 원격 접속할 때 원격 데스크톱을 많이 사용합니다. 윈도우에 포함되어 있어 별도의 프로그램을 설치할 필요가 없고, 마이크로소프트가 만든 것이라 믿을 수 있다는 장점이 있습니다. 또한 안드로이드용 앱도 있어서 스마트폰에서 접속하여 관리할 수도 있습니다. 물론 화면이 작다보니 그리 편하지는 않습니다. 앱 이름은 Remote Desktop 8입니다. 만든 이는 Microsoft Corporration이라도 되어 있구요. 앱을 실행한 후 ...

Brackets / 탭 사이즈 변경하는 방법

Brackets / 탭 사이즈 변경하는 방법

브라켓의 기본 탭 사이즈는 4입니다. 탭 사이즈 변경은 편집기의 오른쪽 아래에서 합니다. 글자를 클릭해서 Tab Size로 만듭니다. 숫자를 클릭하고 원하는 크기를 입력합니다.

포토스케이프 / 여러 사진 이어 붙이는 방법

포토스케이프 / 여러 사진 이어 붙이는 방법

여러 이미지를 그냥 이어 붙이는 쉬운 방법은 없을까요? 포토스케이프 X를 이용하면 간단하게 이어 붙일 수 있습니다. 포토스케이프 X는 마이크로소프트 스토어에서 다운로드할 수 있습니다. 포토스케이프 메뉴 중에 이어붙이기가 있습니다. 그 메뉴를 클릭한 후... 이어 붙이고 싶은 이미지들을 끌어다 놓으면 바로 적용됩니다. 이어 붙이는 방법은 여러 가지입니다. 세로 방향으로 이어 붙일 수도 있고... 가로 방향으로 이어 ...

mRemoteNG / 여러 대의 컴퓨터에 쉽게 원격으로 접속할 수 있게 해주는 무료 프로그램

mRemoteNG / 여러 대의 컴퓨터에 쉽게 원격으로 접속할 수 있게 해주는 무료 프로그램

원격으로 윈도우를 OS로 하는 컴퓨터를 관리할 때 원격데스크톱을 주로 사용합니다. 리눅스 시스템이라면 SSH로 접속하여 관리를 하죠. 만약 관리해야할 컴퓨터가 많다면 기억해야할 IP, ID, PW도 많아집니다. 그리고 동시에 접속한다면 창도 많아지죠. mRemoteNG는 그런 불편을 줄여주는 프로그램입니다. 접속 정보를 저장할 수 있어 접속 시마다 정보를 입력할 필요가 없고, 탭을 지원하여 하나의 창에서 탭 ...

phpMyAdmin / 이제 설정 파일은 암호화 문자열(blowfish_secret)을 필요로 합니다.

phpMyAdmin / 이제 설정 파일은 암호화 문자열(blowfish_secret)을 필요로 합니다.

phpMyAdmin을 업로드 하고 로그인 했을 때 다음과 같은 문구가 나오는 경우가 있습니다. 이제 설정 파일은 암호화 문자열(blowfish_secret)을 필요로 합니다. 해결하는 방법은 다음과 같습니다. phpMyAdmin 디렉토리에 있는 config.sample.inc.php를 config.inc.php로 이름을 바꾸어 저장합니다. 그리고 파일에 있는 다음 코드에 값을 채웁니다. $cfg = ''; 32개 보다 적은 문자를 넣으면 길이가 짧다는 메시지가 나오므로, 32개 이상의 문자를 입력합니다.