Atom, 기본 설정 및 FTP 패키지 설치::::SMbar

메인 코딩 프로그램 설치. ATOM 설치 (https://atom.io/)

A hackable text editor for the 21st Century

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.

atom.io

위 주소로 들어간 후, 'Download' 를 클릭 (회원가입 할 필요는 없습니다.)

Q ) 저는 window os 인데, 어디서 다운 받나요?

-> 홈페이지에서 접속 기기의 os를 자동으로 판단하여 각 os에 맞는 설치파일을 다운로드할 수 있습니다.

응용프로그램 설치. FTP+편한 이용을 위한 패키지 프로그램 설치

1. remote-ftp 패키지 (출처 : nicecarrot2.tistory.com/32)

[ATOM]아톰에서 Remote FTP로 FTP 연결하기

[ATOM]아톰에서 Remote FTP로 FTP 연결하기 안녕하세요. 오늘은 아톰에서 FTP로 바로 접근할 수 있는 패키지 Remote-FTP를 설치해보고 연결해보겠습니다. 참고로 아톰은 https://atom.io/에서 다운받으실 수

nicecarrot2.tistory.com

아톰 초기화면의 초기화면에서 Install a Package를 클릭합니다.
Open Intaller를 클릭하시면 패키지를 검색할 수 있는 창이 나옵니다.

(만약 처음에 이 초기 화면을 다시는 보지 않도록 설정해버렸다면, 커맨드로 들어가면 됩니다
윈도우의 경우 : 컨트롤 + 쉬프트 + P -> 입력후 install packages 입력후 엔터

맥의 경우 : 커맨드 + 쉬프트 + P -> 입력후 install packages 입력후 엔터)

remote ftp를 검색하면 여러가지 패키지 중에서 'icetee'라는 사람이 만든 remote-ftp를 설치하도록 합니다.

상단 패키지(packages) 메뉴에 들어가보면 가장 하단에 Remote FTP가 있다면 잘 설치된겁니다.

Toggle을 누르게 되면 왼쪽에 뭔가 메뉴들이 보이게 됩니다, 커넥트를 눌러보면...?

오류가 뜨면서 아무일도 일어나지 않습니다.

초기에는 FTP 접속용 config파일을 만들어주어야 합니다. Edit Configuration을 눌러서 config파일을 만들어줍시다.

그럼 새 파일 창이 하나 나오게 됩니다.

remote-ftp 인스톨 때 settings를 누르면 나오는 화면입니다.
여기에서 FTP Configuration Options라고 나와있는 이 부분을 복사해서 자신의 호스트(도메인주소), 포트(21), 유저(아이디), 패스(FTP비밀번호) 등을 입력하면 되는 것입니다.

아래에 코드를 붙여놓도록 하겠습니다.

{
    "protocol": "ftp",
    "host": "도메인 주소", // string - The hostname or IP address of the FTP server. Default: 'localhost'
    "port": 21, // integer - The port of the FTP server. Default: 21
    "user": "아이디", // string - Username for authentication. Default: 'anonymous'
    "pass": "비밀번호", // string - Password for authentication. Default: 'anonymous@'
    "promptForPass": false, // boolean - Set to true for enable password dialog. This will prevent from using cleartext password in this config. Default: false
    "remote": "/",
    "secure": false, // mixed - Set to true for both control and data connection encryption, 'control' for control connection encryption only, or 'implicit' for implicitly encrypted control connection (this mode is deprecated in modern times, but usually uses port 990) Default: false
    "secureOptions": null, // object - Additional options to be passed to tls.connect(). Default: (null) see https://nodejs.org/api/tls.html#tls_tls_connect_options_callback
    "connTimeout": 10000, // integer - How long (in milliseconds) to wait for the control connection to be established. Default: 10000
    "pasvTimeout": 10000, // integer - How long (in milliseconds) to wait for a PASV data connection to be established. Default: 10000
    "keepalive": 10000, // integer - How often (in milliseconds) to send a 'dummy' (NOOP) command to keep the connection alive. Default: 10000\. If set to 0, keepalive is disabled.
    "watch":[ // array - Paths to files, directories, or glob patterns that are watched and when edited outside of the atom editor are uploaded. Default : []
        "dist/stylesheets/main.css", // reference from the root of the project.
        "dist/stylesheets/",
        "dist/stylesheets/*.css"
    ],
    "watchTimeout":500 // integer - The duration ( in milliseconds ) from when the file was last changed for the upload to begin.
}

그리고 저장합시다.