국내에서 가장 보편적으로 사용되는 웹 에디터는 Visual Studio Code 입니다. VS Code에 FTP를 연결하여 사용하는 방법을 안내하겠습니다. FTP 연결 후 로컬 파일을 편집하고 저장하면 자동으로 FTP 서버에 업로드에서 실시간으로 웹 편집을 할 수 있습니다.
FTP를 열고 사이드바에서 Extensions 아이콘을 클릭한 후 검색을 통해 ftp-simple 플러그인을 설치합니다.
F1 또는 Ctrl+Shift+P를 통해 명령 팔레트를 실행하고 FTP Simple: Config - FTP Connection Settings를 선택하여 아래 형식으로 연결 정보를 입력한 후 저장합니다.
name: 이름host: FTP 서버의 주소port: FTP 서버의 포트 번호 (기본값은 21)type: 연결 유형 (ftp, sftp 등)username: FTP 서버의 사용자 이름password: FTP 서버의 비밀번호path: 기본 원격 디렉토리 경로autosave: 파일을 저장할 때 자동으로 FTP 서버에 업로드할지 여부
설정 완료 후 다시 팔레트를 열고 FTP Simple: Remote directory open to workspace를 선택하여 설정파일에서 저장한 이름을 선택하고, 연결되면 원격 디렉토리가 작업공간에 열립니다.
연결의 문제를 파악하기 위해 OUTPUT 창을 열고 ftp-simple을 설정하여 오류 로그를 참조하여 문제를 해결할 수 있습니다.
