[Server] FTP-KR : 비주얼 스튜디오 코드로 서버 웹 소스를 클라이언트 에서 수정하고 git 연동까지

안녕하세요 맥파이입니다.
요즘 nodeJS 서버를 구축하고 작업을 해본다고 이것저것 설치하고 시간을 흩뿌리고 있습니다.
비주얼 스튜디오를 통해, 서버에 존재하는 코드를 수정하고 싶은데요.
한번 해보시죠!

 

서버 웹 소스를 클라이언트 에서 수정

예전에 서버쪽 업무를 진행했던 일이 생각납니다.
형상툴을 써서 작업하고, 커밋하고 싱크를 맞추고 그랬던 기억이 살짝 나네요.

신입때, 이런일이 있었습니다. 
형상관리가 안되는 관리 소스쪽이 있었습니다. 아주 코어단이였구요... 
왜 형상관리가 안됐었지??? 이상하네요.
그 당시 크론탭 설정이 잘못되어있어서 서버가 박살났었던...
나쁜 기억이 떠오르네요.

어찌되었건, 오늘 하고 싶은건 서버쪽 웹 소스를 비주얼 스튜디오 코드를 통해서 
클라이언트피씨에 있는 비주얼 스튜디오 코드를 통해 작업하고, git연동까지 자동으로 
해줄 녀석을 알려드릴겁니다.

 

FTP-KR

비주얼 스튜디오 확장에서 ftp-kr을 검색하고 설치합니다.

이부분이 중요합니다. 놓치면 왜 안되지?
잘못된 정보 페이지(??)라고 생각할수 있습니다.

open workspace를 한후,  비주얼 스튜디오 코드에서 git 연동을 위해 명령어 팔레트를 열어줍니다.
shift + cmd + p : 명령어 팔레트를 여는 법

ftp-kr: init

ftp-kr: init을 실행하고 서버 설정에 맞추어 적절하게 변경해줍니다.

 

{
    "host": "---------------",
    "username": "---------------",
    "password": "---------------",
    "remotePath": "docker/nginx1",
    "protocol": "ftp",
    "port": 21,
    "fileNameEncoding": "utf8",
    "autoUpload": true,
    "autoDelete": false,
    "autoDownload": false,
    "ignore": [
        ".git",
        "/.vscode"
    ]
}

 

 

 

위와 같이 뜨면 성공입니다.
뭔가 작업을 잔뜩하고나서 위와 같이 성공메시지를 노출시켜줄 겁니다.
만약 되지 않는다면, 서버와의 설정 등이 문제가 될수 있으니... 잘 찾아봅시다. 쿨럭..

 

이제 비주얼스튜디오 코드에서 수정후 저장을 하면 자동으로 싱크를 맞춰주며 업로드까지 진행해줍니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

우왕 굳 
좋다... 이제 내가 원하는걸 하나씩 해보면 될것 같습니다.

 

보너스 툴 - Extension - Remote Development 

제목 그대로, 비주얼 스튜디오를 가지고 원격접속하여 소스를 수정하고 싶어서 헤메다가 찾은 extensions이다.

 

다음에 또 만나요!!