카페24 쇼핑몰 시작하기

[카페24]cafe24, FTP 연결방법 (파일질라,FileZilla)

RISEWEB 2024. 9. 5. 20:21

 

https://youtu.be/bKmQPPeGqH4

 

 

cafe24로 내 사이트를 운영하다보면 서버에 파일이나 html 문서 등등을 올려야 할때가 꼭 있는데, 그럴때 FTP를 필수로 사용할수밖에 없다. (Visual studio code 즉, vsc 로 cafe24 코드수정을 직접 하고싶을때도 최초에 FTP를 연결해두어야 한다. - 이에 대한 방법도 다른글에 추가할 예정.)

 

FTP를 이용하는 방법은 크게 두가지 정도가 있는데

 

  1. cafe24에서 자체적으로 제공하는 파일업로더를 이용하는방법.
  2. 외부 FTP(알FTP,FileZilla 등..)을 이용하는 방법.

 

오늘은 cafe24자체 파일업로더와 외부 FTP 중에서도 파일질라를 사용하는방법을 최대한 간단히 알아보겠다. (사용해본 입장에서 아직까지 두가지 방식의 큰차이는 없었다.)


방법1. cafe24 자체 파일 업로더

 

먼저 cafe24에 쇼핑몰 관리자로 로그인하면 관리자 페이지가 나오는데,

왼쪽에 이런 탭이 있을것이다. 여기서 위에서 6번째 디자인(PC/모바일)을 클릭하면,

이런 탭이 열리게되고, 파일업로더를 클릭하면된다. 그러면

이런창이 열리는데 이걸 FTP처럼 사용하면된다. 더불어, 파일업로더에서 내가 사용하거나 추가한 디자인의 위치는

sde_design / skin 1 ~ n 까지 내가 생성한 디자인의 순서대로 폴더가 생성이된다. (sde_design와web 폴더는 기본생성돼있다.)

 

참고 1) 보통 디자인을 추가한 순서대로 스킨번호가 붙기 때문에, 예를들어 내가 처음 추가한 추가 디자인의경우 skin1 폴더로 생성되게 된다.

 

참고 2 ) 계정생성시 기본적으로 설정돼있는 대표디자인의경우, sde_design/base,mobile 폴더였던걸로 기억한다.

 

참고 3 ) 당연한 이야기이지만, 파일을 업로드하는 위치는 본인이 사용하는 디자인의 html 코드의 소스위치에 따라 다르므로 html을 참고해서 위치를 설정하고, 파일명을 수정 해야할 것이다.

 

참고 4 ) 파일업로더 최초 접속시 비밀번호를 설정해야 할수도 있다. 설정하는 방법은 파일업로더를 최초 클릭하거나 메뉴의 파일업로더 탭 위에 웹FTP를 클릭하면 설정하는 페이지나 방법이 나왔던걸로 기억한다. 그래도 안되면, 본 블로그에 있는 '530 login incorrect' 접속에러 해결법을 보고 비밀번호 변경을 하면 될것이다.


방법2. 외부 FTP (FileZilla,파일질라) 사용방법

 

외부 FTP의경우 파일질라 말고도 알FTP등등 여러가지가 있지만, 가장 보편적으로 많이 사용했던 파일질라로 설명해보겠다.

 

먼저 네이버(검색엔진)에 "파일질라"를 검색하여 파일질라 공식 홈페이지로 접속하면,

이런 페이지가 나오는데, 중간에 회색버튼중 왼쪽거(Download FileZila Client)를 눌러 설치파일을 다운받는다. (다운로드할때 여러가지 선택지가 나오는데 그냥 군말없이 돈안드는 맨 왼쪽거 다운로드하면 된다.)

 

그리고 다운받은 설치파일로 파일질라를 설치하면된다. 설치시 이런 화면이 나오면,

하단에 거절(두번째 체크박스)을 체크하고 설치를 해주자. (쓸대없는 프로그램 설치권유 이므로.)

 

설치를하고 실행하면 이런 화면이 나온다.

이 화면에서 상단부 탭을 보면

이런 탭이 있을건데, 맨 왼쪽 버튼을 눌러주자. 그러면 사이트관리자 라는 탭이 열린다.

여기서 하단부의 새사이트 버튼을 눌러주자.

그러면 오른쪽 입력탭들이 활성화가 되는데, 하나하나 설명해보자면

 

프로토콜 : 기본설정인 FTP로 두면 된다.

호스트 : 본인 사이트 주소를 입력하면 된다. (도메인을 산경우 도메인주소 그대로 입력하면 되고, 아직 도메인을 사기 전이라면 일반적으로 아이디.cafe24.com일것이다. 혹시라도 cafe24에서 자신의 사이트 주소를 찾는방법을 모르는 사람들을 위해 하단에 따로 기재해두겠다.)

포트 : FTP의 경우 21을 입력하면 된다. (그냥 깊게 생각할 필요없이 21을 넣으면 된다.)

암호화 : 건들지말자. (그대로 냅두면 된다)

로그온 유형 : 비밀번호 묻기 or 일반을 선택하면 되는데 두가지의 차이점은 별개없다. 일반의 경우 미리 비밀번호 탭에 비밀번호를 입력하는것이고, 비밀번호 묻기는 연결 누르면 비밀번호를 따로 물어보는데 그때 입력하면 된다.

사용자 : cafe24 아이디를 입력한다.

비밀번호 : cafe24 혹은 cafe24에서 설정해둔 웹FTP 비밀번호를 입력한다. (cafe24 웹FTP 비밀번호 설정의 경우 본글의 위의 참고 4를 참고하길바란다. 컨트롤+F 검색으로 참고 4를 검색해서 찾으시길.)

 

여기까지 입력을 하고 최하단부의 연결(C)를 클릭하면,

이런식으로 접속이 완료된다.

 

여기서, 화면의 왼쪽은 내 PC 디렉토리이며 오른쪽은 내가 접속한 내사이트의 디렉토리들이다.

 

즉, 왼쪽(내PC)에서 파일을 찾아서 오른쪽(내사이트)로 파일을 업로드하거나 / 오른쪽(내사이트) 에서 파일을 찾아서 왼쪽(내PC)로 파일을 다운받으면 된다는 말이다.

 

* 파일질라로 cafe24 첫 접속시 “응답 : 530 login incorrect” 라는 에러가 흔히 발생한다고들 하는데, 해결법은 상당히 간단하다. 하지만 본글이 너무 길어지고 있으므로 다음글에 해결법을 아주 간단히 업로드 해보겠다!

 

* cafe24에서 자신의 사이트찾는방법

cafe24에 쇼핑몰 관리자로 로그인하여 관리자 페이지에 진입하면, 상단부에 이런 버튼이 보일것이다.

 

여기서 보이는 "(기본)한국어 쇼핑몰"은 무시하고 그 오른쪽에 보이는 두가지 버튼중, 첫번째 버튼은 내사이트 PC화면접속 이며 두번째 버튼은 내사이트 모바일 화면 접속이다. 즉, PC화면으로 접속해서 주소를 긁어오면 되는것이다.