본문 바로가기
Web Dev

FTP, vscode에 설정하는 법(cafe24)

by Yuchulnote 2024. 1. 24.
728x90

먼저 당연히 vs code를 설치해주셔야겠죠?

그 다음은 vs code 확장 extenstion에 들어가 ftp-simple 을 install 해줍니다.

 

다음 vs code 기본화면에서 ctrl + shitf + p 를 눌러 메뉴창에 ftp-simple : Config - FTP connection setting 에 들어가줍니다.

선택하면 보이는 코드 창은 아래와 같습니다.

여기서 설정은 아래와 같이 하시면 됩니다.

name : 서버 이름
host : 서버의 도메인 또는 ip를 입력
port : 서버포트, 보통 21입니다.
username : 접속할 ftp 서버 계정
password : 접속할 ftp 서버 비밀번호
path : 접속 폴더 경로
autosave : 서버 파일을 자동 저장할지 여부
confirm : 서버에 저장을 할 것을 물어보는지 여부 (true : 물어보고 저장, false : 확인 없이 저장)

저는 개인적으로 confirm은 false로 해놓는 것을 추천합니다. 저장할 때 마다 물어보면 너무 귀찮아요 

{
    "name": "My Server",
    "host": "쇼핑몰 아이디.ftp.cafe24.com",
    "protocol": "ftp",
    "port": 21,
    "username": "쇼핑몰 아이디",
    "password": "고객이 설정한 비밀번호",
    "remotePath": "/",
    "uploadOnSave": true
}

쇼핑몰 아이디

카페24관리자 > 쇼핑몰 설정 > 기본설정 > 내 쇼핑몰 정보 > 기본정보 설정 > 상점아이디

고객이 설정한 비밀번호

카페24관리자 > 쇼핑몰 설정 > 기본설정 > 비밀번호 변경 > 본인 인증 후 > 비밀번호 설정

 

모두 입력을 마쳐주시고, ctrl + s 저장하시면 이름에 빨간줄이 그어지는데 정상입니다.
그 상태로 다시 ctrl + shitf + p 를 눌러 메뉴창에 ftp-simple : Remote directory open to workspce 에 들어가줍니다.

눌러주시면 cafe24에서 호스팅 되어 있는 파일들이 보이면 성공입니다~!

끝!

728x90
반응형

'Web Dev' 카테고리의 다른 글

[cafe24] MySQL 연결 실패 해결 방법  (0) 2024.01.24
[PHP] 맥, 윈도우 환경세팅  (0) 2024.01.23