본문 바로가기
개발자 꿈나무/tool 사용팁

아톰(Atom) 편집기 FTP 사용하기

by ♥︎해이나♥︎ 2018. 1. 6.
반응형

나는 html편집기로 아톰(Atom)을 사용하기로 하고, 어찌저찌 설치는 했는데... (설치는 너무나 쉬웠으므로) 프로그램이 익숙하지 않아 처음에 FTP 접속을 하는데 한참 걸렸다. 여긴 어디, 나는 누구 =_= 인터넷 검색을 하고 또 하고, 찾고 또 찾고... 대멘붕의 과정을 거친 아주 슬픈 경험이 있어, 나같은 프로그램치를 위해 아톰 편집기 ftp 사용하는 방법을 소개해보려고 한다.

아톰(Atom)을 방금 설치해서 다운로드받은 패키지가 하나도 없다는 조건하에... 프로그램을 실행하면 가장 먼저 나오는 가이드 화면에서 Install a Package - Open Intstaller 를 선택한다.

Installer Packages 검색창에 'ftp'를 검색한다.

마음에 드는 패키지를 다운로드 하면 되는데, 개인적으로 icetee님의 remote-ftp를 잘 사용하고 있으므로 추천...!

패키지 다운로드가 완료되었으면 프로그램 상단 부분의 File - Add Project Folder를 클릭한다.

적당한 곳에 적당한 파일명의 새 폴더를 만들어서 해당 폴더를 선택해주면 된다. 나는 나의 닉네임인 '해이나' 폴더를 만들었다.

폴더를 선택해주고 나서 다시 상단의 Packages - Remote FTP(다운로드한 패키지가 생김) - Create FTP Config file 을 클릭한다. 나는 캡처순서를 달리해서 폴더선택이 되어있지 않은 화면이니 배경(?)은 신경쓰지 않아도 된다.

Create FTP Config File을 클릭하면 나오는 .ftpconfig 창에 FTP 접속 정보를 입력하고 저장한다.

{

    "protocol": "ftp",

    "host": "사이트 URL 또는 아이피(IP) 주소",

    "port": 21,

    "user": "아이디(ID)",

    "pass": "패스워드(PASSWORD)",

    "promptForPass": false,

    "remote": "/",

    "local": "",

    "secure": false,

    "secureOptions": null,

    "connTimeout": 10000,

    "pasvTimeout": 10000,

    "keepalive": 10000,

    "watch": [],

    "watchTimeout": 500

}

참고로 저장하기 단축키는 Ctrl + S 이다.

그다음 'Ctrl + Alt + O'를 눌러 Remote 창을 띄우고 Connect 버튼 클릭!

FTP 연결이 완료되었다. 이제 원하는 폴더, 파일에 들어가서 소스를 편집하면 된다. 몰라서 헤맬 때는 막막한데, 알고나면 정말 별 거 아닌 아톰 편집기 FTP 사용방법...

아톰(Atom)의 Installer Packages에서는 remote FTP 외에도 아톰 편집기를 사용하는데 매우 유용한 다양한 패키지를 다운로드할 수 있다. (현재 코드의 위치를 알려주는 Minimap, 컬러코드를 입력하면 색상을 보여주는 Pigments, 코드를 자동완성해주는 Emmet, 자동 문법 검사기 Linter 등) 다음 포스팅에는 아톰 편집기의 유용한 패키지 몇가지를 소개해보도록 하겠다.

그럼 모두들 편안한 주말 보내시기를 :D

ⓒ해이나

반응형

댓글2

  • ㅈㅇㅅ 2019.10.30 11:27

    좋은 정보 감사합니다. 한가지 궁금한점이 있어서 질문드리는데요!
    user 와 pass 에는 ID 와 비밀번호를 입력하라고하셨는데 어떤 ID와 어떤 PW를 입력해야하나요?
    답글