원격에서 웹루트 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] 웹서버의 웹루트 경로 확인
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 설치]
MAC 프로젝트 디렉터리 - "웹 루트 디렉터리"에 동기화
[Project]에 열려있는 프로젝트에서 웹서버에 연동하고자 하는 프로젝트 동기화
"web2_php" 우클릭 > [Sync local -> remote]
[Remote]에 "web2_php" 디렉터리가 연동되었다.
파일을 생성하면 웹서버에 동기화돼서 생성된다.
웹브라우저에서 웹서버에 접속하면 업로드된 파일 확인 가능
※ MAC에서 프로젝트 디렉터리( "web_study" ) 관리를 하면서 "web_study"를 GIT과 연동하여 버전을 관리
SourceTree를 이용해 web history를 남길 것