안녕하세요! 토끼 돼지입니다.
오늘은 Visual Studio Code편집기에 망점 홈 FTP원격 접속하는 과정에서 필요한 확장 프로그램과 설정 방법에 대해서 간단히 씁니다.요즘은 개발 툴을 보통 Visual Studio Code에서 사용하는 것이 주류라고 합니다.그래서 나도 예전에 쓰면서 오랜만에 바꾸어 쓰고 본 참입니다.이전에는 Atom, EditPlus, Notepad++, SublimeText등 복수의 Editor를 사용하고 있었지만, 많다는 데 다시 쓰고 있는 곳입니다.그럼 Visaul Studio Code를 쓰면서 원격 개발을 위한 FTP의 사용을 봅시다.Visual Studio Code화면에서 좌측 메뉴 툴을 보면
테트리스 모양(?)이 보일 거예요. Extentions 메뉴입니다.선택 후 검색창에 ‘ftp-simple’을 입력하고 검색하면 아래 [Simple FTP/SFTP, humy2833] 오른쪽 하단의 ‘Install’을 클릭하면 바로 설치가 진행됩니다.이후 키보드의 F1키를 누르면 아래와 같이 나옵니다.
인기글
만약 나오지 않으면 검색창에 “ftp-simple”이라고 입력하면 위와 같이 나올 것입니다.설치된 ftp-simple에서 “ftp-simple: Config-FTP connection setting” 항목을 선택합니다.
이런 화면이 나오므로, 간단히 설명하겠습니다.name:프로젝트 단위를 구분하기 위한 이름을 입력하십시오.host:원격 접속을 희망하는 URL주소를 입력하세요.(Ex. xxx.dothome.co.kr)port:’21’or’22’정기’21’포트를 사용합니다.type:ftp, sftp을 설정하는 부분입니다.이 부분은 보안상 sftp에서만 접속할 부분이 있으므로 참고 username:접속 정보 중의 ID부분입니다.password:접속 정보 중의 PW부분입니다.path:경로로 접속하거나 아니면 서버의 일부를 접속하기 위한 패스를 적어 주시기 바랍니다.(이 부분도 패스)autosave:Editor에서 바로 서버에 저장 여부를 결정합니다.confirm:autosave기능이 true의 경우 다시 한번 확인하고 저장할지 여부를 결정합니다 제가 오늘 투고하는 이유의 하나가 상기의 설정입니다. 그 중에서도 confirm값입니다만, 곧에 서버에 보존 및 적용되지 않고, ctrl+F5에 갱신도 했습니다.”confirm”:false상의 설정인 경우화면의 우측 하단에 이처럼 보존하고 있는지를 확인하는 메시지 창이 표시됩니다.제가 Dark모드로 한 탓인지 잘 안 보여서 어떻게 보존할 수 없는지 조금 고생했어요.^^; 이럴 때마다 옛날의 실무 개발 때의 기억이 새록새록 떠오릅니다.기능을 찾고 있으며 하루를 허비했기에 특히 코드 속에 “,”또는”;” 같은 막 접속 특수 문자 하나에서 전혀 다른 결과값이 나오거나 에러가 발생할 경우 찾기가 정말 힘들었어요.지금은 Editor의 기능이 좋아지고, 외에도 추가 기능도 많고 찾기 쉽거든요.이렇게 간단히 내용을 정리하여 보았는데, 이러한 내용 하나하나가 나중에 매우 도움이 작성했습니다.내용은 미미하지만 글을 읽는 방향 속에 나 같은 경우가 있으므로 조금이라도 도움이 되셨으면 좋겠습니다.오늘도 좋은 하루 보내세요.즐거운 밤이 되세요.감사합니다。화면 오른쪽 하단에 위와 같이 저장여부를 확인하는 메시지 창이 나타납니다.제가 Dark 모드로 해서 그런지 잘 안 보여서 왜 저장이 안 되는지 조금 고생했어요. ^^;이런 때마다 옛 실무개발 때의 기억이 새록새록 떠오릅니다.기능을 찾다가 하루를 허비한 적도 있고, 특히 코드 안에 ‘,’ 또는 ‘;’ 같은 마침 접속 특수문자 하나에서 전혀 다른 결과값이 나오거나 오류가 발생할 경우 찾기가 정말 힘들었거든요.지금은 Editor의 기능이 좋아졌고, 그 외에도 추가 기능도 많이 있어서 찾기가 쉽거든요.이렇게간단하게내용을정리해봤는데이런내용하나하나가나중에많은도움이되기때문에작성을했습니다.내용은 미미하지만 글을 읽는 분들 중에 저와 같은 경우가 있기 때문에 조금이라도 도움이 되었으면 좋겠습니다.오늘도 좋은 하루 보내세요.즐거운 밤 되세요.감사합니다。