[서브라임텍스트(SubLimeText)/패키지] SFTP, FTP 연결하기 - 회복맨 블로그

[서브라임텍스트(SubLimeText)/패키지] SFTP, FTP 연결하기

에디터/서브라임 텍스트(SublimeText) 2015.12.16 01:28

가급적 서브라임 패키지를 설치하시고 난 후엔 작업중인 문서를 저장후 닫아주시고, 프로그램을 종료후 다시 실행시켜 주시기 바랍니다.


에디트 플러스에는 따로 패키지 라든지, 플러그인을 설치하지 않아도 FTP 연결이 아주 쉬웠죠.

브라켓 역시 FTP 연결 이 확장 기능의 설치로 굉장히 쉬운편 이였습니다.


서브라임 텍스트의 SFTP, FTP 연결은 위의 두가지 텍스트 에디터 와는 조금 다른 모습으로 SFTP에 연결할 수 있는데요.

FTP 에 연결을 하는거 라기보단... 가져와서 가져올걸 다시 올린다 라는 개념인거 같아요.

브라켓 이나 에디트플러스는 '다운로드' 는 안했는데. 서브라임은 '다운로드'를 합니다.


우선. 저는 테스트용 닷홈 계정을 하나 파서 만들었습니다. 웹사이트를 만들었습니다.



위의 사진처럼 만들었죠.

닷홈에서의 root폴더 즉 '최상위 폴더'의 위치는 /html 입니다.

카페24는 /www 였나... 그랬던거로 기억해요.

저 위치에 index.~~ 파일을 놔야 도메인 주소를 브라우저 주소창에 입력했을시 바로 보여지게 됩니다.


아무튼 대충 이런 구조를 가지고 있습니다.

서브라임텍스트를 실행시키시고 


패키지 설치의 기본은 서브라임을 실행시키고 나서

윈도우 의 경우 : Ctrl + Shift + p -> install 입력

의 경우 : command + shift + p -> install 입력



바로 저 맨 위에 있는 

install Package 를 선택하시면 서브라임의 패키지를 검색합니다.

물론.. 패키지를 설치하기 위해선 아래 링크의 작업이 선행되어야 합니다.


서브라임텍스트 패키지 설치를 위한 준비..


아무튼

install Package 를 선택하시면 패키지를 검색하는 창에 다음과 같이 검색합니다.



이걸 검색후 맨 위의 바로 그 패키지를 다운로드 받으시면 됩니다.

엔터 눌러주시면 다운로드가 시작되고 완료 후엔 아래와 같은 문서가 열려 있습니다.



이 문서는 어떻게 폴더를 연결주는지 안내해 주는 문서인데 그냥 x 버튼을 눌러서 닫아 주셔도 됩니다.


우선은 폴더가 하나 필요 합니다.

임의의 폴더를 생성후 폴더를 드래그 하여 좌측 사이드바에 드롭합니다.

저는 맨위의 새폴더 내용을 지우고 시작하려 합니다.


폴더를 드래그 해서 좌측 사이드바에 올려두셨다면 저렇게 폴더 목록이 사이드바에 출력됩니다.

왠만해선 폴더 이름을 알아보기 쉽게 프로젝트 이름 으로 작성하시는게 좋습니다.


FTP 연결을 원하는 폴더를 오른쪽 클릭해서 메뉴를 호출 합니다.



이와 같이 메뉴중에 SFTP/FTP 메뉴 하위 메뉴로 Map to Remote.. 라는게 보이실꺼예요.

그 Map to Remote.. 를 클릭 하시면 아래와 같은 문서가 열립니다.



딱 이런식으로 나오는데 여기서 바꿔야 할 부분을 다음과 같이

바꿔 주시면 됩니다.



보통 파일질라, 알드라이브 사용할 때처럼

호스트이름, ID, PW를 입력합니다.

pikachu.dothome.co.kr 은 저의 테스트 도메인 입니다. 여러분은 여러분의 도메인을 입력하시면 됩니다.


하지만 6번 라인에 제가 바꾸지도 않은 부분의 sftp 에 파란줄을 넣은 이유는

sftp 가 안되면 ftp 로 바꿔서 입력하시면 됩니다.

원래 둘중에 아무거나 되는거 하면 되죠. 네 ㅎ..


그리고 22번 라인의 remote_path 는 그냥 / 만 입력하시거나 혹시 원하는 경로가 있으면 그렇게 설정해 두셔도 됩니다.

/ 의 의미는 최상의 root폴더 에서 라는 의미 입니다.


9번 라인은 말 그대로 입니다. 업로드와 동시에 세이브를 true (참 으로)


아무튼 세이브를 시켜줍니다. 컨트롤 + S 키 또는 맥이라면 커맨드 + S 키 눌러서 저장.

그러면 여러분이 만든 임의의 폴더에 sftp-config.json 파일이 생깁니다. 아래 스샷 참고 하시면 됩니다.

이 파일은 지우지 마시고. ftp연결이 불필요 하다 느끼실때 지우시면 됩니다.



다시 서브라임으로 돌아가서

여러분이 만든 임의의 폴더에 마우스 우클릭을 하고 메뉴를 엽니다.

아래 스샷을 참고 바랍니다.



이렇게 하시면 FTP서버에 연결하여 막 파일을 다운로드 받습니다.

아래 스샷을 보시면!!



응?

SFTP 서버에 연결 할 수 없다고 에러 떳네요;;;;;;;; 헐

여기서... 포기 하시는 분들이 정말 많았던 거로 기억합니다.


아까

sftp 가 안된다면 ftp로!

라는 말을 했었죠.

둘중에 아무거나 되는거 쓰면 되요!

근데 지금 저 처럼

설정창을 끄셔서 당황하시는 분들이 계시리라 생각 됩니다.

메뉴를 똑같이 해도 아까 그 메뉴가 안나와요.


그럴때 아래 스샷처럼 해주시면 됩니다.



이렇게 Edit Remote Mapping...

를 선택해 주시면 다시 설정창이 뜹니다.



맨 처음엔 변경을 안하고 sftp 로 놔뒀었던걸 ftp로 변경했습니다.

반대로.

ftp 가 안된다면 sftp 로 적어보시면 되겠습니다. ftp 연결은 원래 안되면 다른거 쓰면 되는거죠 뭐 ㅎㅎ;


그리고 다시 아래 임의의 폴더를 오른쪽 클릭해서 아래 스샷과 같은 메뉴를 호출합니다.



Sync Remote -> Local...

이걸 클릭하시게 되면 아래에 뭔가 막막 읽혀지면서 Yes 할래 No 할래? 라는 창이 출력됩니다.

아래 스샷을 보시면



이렇게 뜹니다.

그냥 여기서.

당연히 yes 를 입력해 주시고 엔터를 눌러 주시면 됩니다.

그러면 뭔가 막 지가 알아서 다운을 막 받아요.



이렇게요..

그리고 실제로 폴더에 FTP 경로에 들어있던것과 똑같이 들어 있습니다.



그렇죠?

아까 22라인의 remote_path 를 /html/ 로 넣어줄껄 그랬나봐요.

처음부터 끝까지 다 다운받아 버렸네요.


그러면

에디트 이렇게 다운받아진걸... 열어서 저장하면

이게 FTP에 올라가 지느냐 입니다.


그래서 설정하는 창의 9번 라인 에 true 를 넣어준 것입니다.

테스트를 해볼까요?



수정후에 저장 단축키인 컨트롤 + S 를 누른 모습입니다.

하단부에 뭔가 success 라고 뜨면서 파일 업로드가 성공적으로 된거 같아 보입니다.

이 부분은 순간적으로 수루룩 지나갑니다.

항상 떠있는 부분이 아니예요.


브라우저를 키고 자신이 업로드 했던 도메인을 확인하시면

업로드가 되신걸 확인할 수 있습니다.




그러면...

에디트플러스, 브라켓 과

서브라임 텍스트의 FTP 연결이 어떻게 다른지 확실하게 알 수 있나요?


바로 파일을 다운로드 받는데에 있습니다.


에디트플러스는, 브라켓은 파일을 다운로드 하지 않고 서버에 직접연결을 해서 고치는 방식입니다.

하지만

서브라임 텍스트는 파일을 다운로드 받습니다.


서브라임 텍스트 라고 하면 안될꺼 같습니다.

서브라임 텍스트의 'SFTP 패키지 는' 파일을 다운로드 받고 받은걸 연결해서 업로드 시킵니다.

또는 받기전에 업로드를 할 수 있구요.


혹시 더 좋은 패키지를 아시면

댓글로 소개해 주셨으면 좋겠습니다. 저도 여러가지 찾아보고 사용해 봤지만

에디트 플러스 만큼 쉬운건 아직 발견을 못했네요 ㅠㅠ

댓글 20

  • (2016.03.10 10:25)

    비밀댓글입니다

    • 회복맨 (2016.03.10 11:42 신고)

      안녕하세요! 방문해 주셔서 감사합니다.^^
      도움이 되셨다니 다행입니다! ^^

  • 룡이 (2016.04.08 01:26)

    좋은 정보 잘 보고 갑니다!!

  • 일이원 (2016.05.28 19:43 신고)

    많은 도움이 됐습니다! 감사합니다!!

    • 회복맨 (2016.05.28 21:18 신고)

      셋팅이야 뭐 어디다가 적어두질 않으면 항상 까먹는게 셋팅이라... ㅋㅋ
      저도 항상 까먹어서 블로그에 포스팅 해놓는답니다 ㅎ

    • 일이원 (2016.06.22 02:49 신고)

      맞아요ㅎㅎ 오늘도 다른 컴퓨터에 세팅하는 바람에 또 보러 왔습니다...^^ㅎㅎ

  • spring (2016.07.05 07:47)

    감사합니다 설명이 자세해서 큰 도움이 되었어요 ^^ 자주 보러 올게요

    • 회복맨 (2016.07.05 09:09 신고)

      방문해 주셔서 감사합니다 ^^
      도움이 되셨다니 다행입니다

  • 착한민 (2016.07.11 08:20)

    감사합니다. 입문하는데 도움이 많이 되네요 ^^

    • 회복맨 (2016.07.11 10:22 신고)

      변변찮은 글에 도움을 얻어가셔서 쑥쓰럽기도 하고 그러네요 ^^
      방문해 주셔서 감사합니다.

  • 까르 (2016.11.18 15:23)

    닷홈에서 호스팅하고 Sublime Text3를 사용하는데.. 에러가떠서...그런데... 여기 사진을 첨부할수없어서 그런데.. 혹시 메일 보내면.. 답변가능하신가요???

    • 회복맨 (2016.11.18 17:25 신고)

      제가 에러의 모든 종류를 알지는 못해서... 당연히 해결할 수 있는 부분인지도 잘 모르겠습니다.

      일단 mahan89@naver.com 으로
      메일 주시고 블로그에 댓글 남겨 주시면 해결 방법을 찾아보겠습니다.

      댓글이 1주 안에 올라오지 않을 시에는 해결 방법을 저도 잘 모르는 의미로.. ㅎㅎ...

    • 까르 (2016.11.21 14:31)

      메일로 사진보내려했으나... 이메일이 정확하지 않거나 휴면계정이라고하네요..ㅠ.ㅠ

  • snjune6@naver.com (2017.05.21 19:41)

    꽤 좋은 방법이네요 그럼 sftp 설정파일을 폴더설정해야 svn처럼 실서버와 개발서버처럼 이용이 가능할라나요

    • 회복맨 (2017.05.21 21:20 신고)

      호.... 저는 생각치도 못했던 방법이네요.
      개발서버 따로, 실서버 따로 이렇게 하는 방법이라...

      블로그에 기재된 방법은 실서버 기준으로 작성된 것이라서 개발서버 정보를 기재하는 식은 저도 한번 해봐야 알것 같습니다.

      ... 무엇보다 전 그냥 웹퍼블리셔라 그런 실험을 진행하기엔 현재로썬 많은 공부가 필요하겠네요 :)

  • 꽃보다정 (2018.07.12 16:32)

    감사합니다 덕분에 배우고 가네요 ^^7

  • 지나가는사람 (2019.06.01 07:12)

    감사합니다. 많은 도움이 되었어요!!