오늘은 ftp-simple 사용법에 대해 기록하려한다.

첨에 왔을 때 에디터를 vscode말고 edit plus라는 걸 쓴다했을 때 

처음 들어봐서 당황했었던.... 

 

ftp 작업이 편리해서 쓰는 것 같았다.

근데 처음 쓰는 거라 익숙치 않고, 프로그램이 불안정하다는(중간에 날라갈 수도 있음..) 얘기가 나와서

어떻게든 vscode쓰고싶어 방법을 찾아봤었다.

 

그래서 학원 다닐 때 잠깐 쓰던 vscode 확장자가 생각났던..! 

바로 ftp-simple!! 

확장자를 이용하면 원격으로 리모트할 수 있다. 그래서 소스 수정하면 바로 서버에 반영이 됐었던 걸로 기억해서..

 

아무튼! ftp simple 적용을 해보겠음,,

 

ftp-simple 

ftp-simple은 Visual Studio Code(이하 VSCode)의 확장 프로그램 중 하나로, FTP(S)/SFTP를 통해 파일을 관리하고 전송하는 데 사용됩니다.  VSCode 내에서 FTP 서버와의 작업을 간편하게 수행할 수 있도록 도와줍니다.

 

  1. FTP 및 SFTP 지원: ftp-simple은 FTP와 SFTP 프로토콜을 모두 지원하여 안전하고 보안된 파일 전송을 가능하게 합니다.
  2. 파일 전송: FTP 서버에 파일을 업로드하거나 다운로드할 수 있습니다. 이를 통해 원격 서버와의 파일 작업을 간편하게 수행할 수 있습니다.
  3. 실시간 동기화: 로컬 파일과 원격 서버 파일 간의 변경 사항을 실시간으로 감지하고 동기화하여 작업 중인 파일을 항상 최신 상태로 유지할 수 있습니다.
  4. 다중 연결 관리: 여러 개의 FTP/SFTP 서버에 동시에 연결하여 다양한 프로젝트와 작업을 효율적으로 관리할 수 있습니다.
  5. 편리한 설정: 간단한 설정을 통해 FTP/SFTP 서버에 연결하고 사용자 지정 설정을 구성할 수 있습니다.

 

🔍 ftp-simple 사용법

1. ftp-simple 설치

  • extensions에서 ftp-simple을 검색한 뒤 설치해준다.

 

2. FTP 연결 세팅

  • F1을 누른 후 ftp-simple을 입력하면 관련 항목이 나온다.
  • [ftp-simple : Config - FTP connection setting]을 선택한다.

  • 연결할 서버의 정보를 입력하고 저장한다.
  • 주의할 점은 배열 안 객체로 정보를 저장하고 있으므로 객체마다 쉼표로 구분시켜주어야 한다.

🚨 속성에 관한 설명

# 초기 생성시 없는 속성이 있습니다. 아래와 비교하여 추가해주세요.

# name : 표시 이름
# host : 서버 도메인 또는 IP 주소
# port : 포트 번호 (기본 값 21)
# type : FTP 유형(ftp 또는 sftp)
# username : 인증을 위한 사용자 이름
# password : 인증을 위한 비밀번호
# privateKey : SFTP 전용 OpenSSH 형식의 키 기반 또는 호스트 기반 사용자 인증을 위한 개인 키를 포함하는 문자열(기본값: 없음)
# passphrase : SFTP privateKey 전용. 암호화된 개인 키의 경우 이를 해독하는데 사용되는 암호(기본값 없음)
# autosave : 저장시에 자동으로 업로드 (true/false)
# confirm  : 저장시에 확인(컨펌)을 받을지 여부 (true/false)(보통 false로 설정.)
# project : 저장 옵션 전용. 로컬 작업 공간 경로 및 서버 루트 경로를 미리 지정하여 경로를 선택하지 않고 직접 저장
# igonre   : 업/다운로드를 제외할 파일 및 폴더
  보안상 ".vscode" 폴더 안의 파일 내용에는 서버 계정의 비밀번호까지 있기 때문에 대부분 설정하는 편

[
	{
		"name": "표시 이름",
		"host": "서버 도메인 또는 IP 주소",
		"port": 포트번호(기본 값 21),
		"type": "ftp or sftp",
		"username": "인증을 위한 사용자 이름",
		"password": "인증을 위한 비밀번호",
		"path": "/",
		"autosave": true,
		"confirm": false,
		"ignore": [
			"**/.vscode",
			"**/.git",
			"**/.DS_Store",
			"**/node_modules"
		],
	}
]

 

위 속성들을 참고하면 될 듯

 

3. FTP에 연결하여 디렉토리 열기

 

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

 

  • 서버 목록에서 접속하려는 서버를 선택한다.

  • 탐색기에 표시할 디렉토리를 선택한다.

 

4. FTP 연결 끊기

 

  • 서버와 연결을 끊으려면 [ftp-simple : Close all FTP connections]를 실행한다.
  • 그리고 창 닫기..

난 종료해도 workspace가 남아있어서 그냥 종료하고 새로 연다..

방법 아시는 분은 댓글,,plz

 

5. 파일명 변경 혹은 파일 삭제시 싱크 맞추는 방법

ftp-simple로 작업을 하다보면 파일명을 변경하거나 파일을 삭제하는 작업이 필요한데

기존 vscode 방식처럼 delete, rename은 FTP 서버에 반영이 되지 않는다.

 

그러므로 꼭

ftp-simple: Deleteftp-simple: Rename을 통해 파일명 수정, 삭제를 해야한다.

 

 

6. 특정 파일 제외하고 다운받는법

ignore - 서버와 동기화되지 않도록 하는 파일/폴더를 정의하는 옵션. gitignore와 같다고 생각하면 된다.

⇒ zip파일이나 img, mp4 파일 등 용량이 큰 데이터를 다운받으려면 오래걸리기 때문에 ignore 설정을 할 필요가 있다.

 

"ignore": [
    "/**/*.zip",
    "/**/*.tar.gz",
    "/**/*.gz",
    "/**/*.jpg",
    "/**/*.gif",
    "/**/*.mp4",
    "/**/img",
    "/**/fonts",
    "/**/data"
]

 

 

 아직 기본적인 기능만 기록했을 뿐 나도 많이 사용 안 해봐서 잘 모른다 ㅎㅎ;

혹시나 추가적인 사항이나 작성할 내용있으면 또 기록하러 오겠습니다!

 

728x90
반응형
다쭐◠‿◠