원격에서 웹루트 dir 동기화하여 웹사이트 개발 - Atom Remote-ftp

[개발 환경]

MAC : Host PC

Windows10 : VMware Guest PC - Web Server

 

MAC에서 웹서버에 SFTP 연결하여 프로젝트 관리를 하려고 한다.

MAC에서 프로젝트 디렉터리를 "web root 디렉터리"와 동기화시켜 개발 작업을 진행한다.

 +++ 버전관리 시스템 GIT을 이용

    MAC에 설치된 SourceTree(버전 관리 시스템 GIT 환경 소프트웨어)을 이용

   웹서버의 웹 루트 디렉토리와 동기화된 MAC 프로젝트 디렉터리를 GIT 저장소와 연동하여 history 남긴다.

 

Atom 에디터 "Remote-ftp"로 웹서버의 "웹 루트 디렉토리"에 접속 

1. [Windows] 웹서버의 웹루트 경로 확인

(windows10) 웹서버의 웹루트 디렉토리

 

2. [mac] Atom 에디터 ftp 연결 정보에 대한 설정 파일 ".ftpconfig" 생성

 

* Atom 에디터 Remote-ftp 설치 및 설정 방법 참고 [링크]

 

.ftpconfig 파일은 현재 atom에 연결된 프로젝트 폴더에 생성된다.

웹서버에 동기화할 프로젝트 디렉터리가 있는 상위 디렉터리를 [Project]에 추가

 

[Packages] > [Remote FTP] > [Create (S)FTP config file]

host : 연결할 서버의 도메인 또는 IP

user : 사용자 ID

pass : 비밀번호

remote : 웹루드 디렉터리 경로 ( '\' 가 아닌 '\\'로 입력해야 한다.)

 

3. sftp 연결

맥 : Packages -> Remote-FTP -> Toggle -> [Connect]

단축키 : control + option + C

 

[Remote]에 웹 루트가 연동되었다.

 

※ Windows에 SSH 서비스가 실행 중이어야 SFTP로 접속 가능하다. [OpenSSH Server 설치]

OpenSSH Server 서비스 실행

 

 

MAC 프로젝트 디렉터리 - "웹 루트 디렉터리"에 동기화

[Project]에 열려있는 프로젝트에서 웹서버에 연동하고자 하는 프로젝트 동기화

"web2_php" 우클릭 > [Sync local -> remote]

 

[Remote]에 "web2_php" 디렉터리가 연동되었다.

 

파일을 생성하면 웹서버에 동기화돼서 생성된다.

 

웹브라우저에서 웹서버에 접속하면 업로드된 파일 확인 가능

※ MAC에서 프로젝트 디렉터리( "web_study" ) 관리를 하면서  "web_study"를 GIT과 연동하여 버전을 관리

SourceTree를 이용해 web history를 남길 것 

[Git 저장소 생성 및 Sourcetree로 로컬에 복제]