Development/Environment

VS CODE 에서 FTP 여러개 동시에 사용하기 / FTP 디렉터리 안 나오는 오류도 해결!

고고마코드 2022. 6. 22. 20:00
반응형

확장 프로그램 ftp-simple 설치

Mac(Shift + Command + X) / Window(Control + Shift + X)

확장프로그램에 접근하려면 위 단축키를 통해서 접근할 수도 있고,

위 이미지에서 좌측의 표시된 아이콘을 통해서도 접근할 수 있습니다.

확장 프로그램 검색에 'ftp-simple'이라고 검색하면 아래 이미지 처럼 나올 거예요.

'ftp-simple'을 선택하셔서 설치해 주세요.


ftp-simple: Config 설정

설치가 완료되면 ftp-simple Config 설정을 해야 합니다.

Mac(Shift + Command + P) / Window(F1)

위 단축키를 입력한 후 ftp-simple을 입력하세요.

지금은 Config 설정을 하려고 하니, ftp-simple : Config - FTP connection setting 을 클릭해 주세요.

[
    {
        "name": "ftp1",
        "host": "www.ftp1.com",
        "port": 21,
        "type": "ftp",
        "username": "fpt1",
        "password": "ftp1",
        "path": "/",
        "autosave": true,
        "confirm": false
    },
    {
        "name": "ftp2",
        "host": "www.ftp2.com",
        "port": 21,
        "type": "ftp",
        "username": "ftp2",
        "password": "ftp2",
        "path": "/",
        "autosave": true,
        "confirm": false
    },
    {
        "name": "ftp3",
        "host": "www.ftp3.com",
        "port": 21,
        "type": "ftp",
        "username": "ftp3",
        "password": "ftp3",
        "path": "/",
        "autosave": true,
        "confirm": false
    }
]
  • name
    내가 알아먹기 편한 이름을 입력하면 되고,

  • port, host, username, password
    ftp 계정 정보를 입력하면 됩니다.

  • type
    sftp, ftp 든 사용하려는 환경에 맞게 설정하면 됩니다.

  • path
    /로 하면 최상단에 접근하게 되고, 디렉터리를 입력하면 해당 디렉터리부터 접근합니다.

  • autosave
    자동 저장 기능 사용 여부입니다.
    일부러 저장하지 않아도 키보드만 입력해도 자동으로 저장하는 기능입니다.

  • confirm
    파일을 저장할 때 진짜 저장할 거냐고 물어보는 확인창(안전장치)인데 전 귀찮아서 false로 해놨습니다.
    알맞게 설정하고 저장하면 Config 설정은 끝입니다.


ftp-simple: Remote directory open to workspace

이제 다시 ftp-simple : Config 를 열었던 것처럼 단축키를 이용해

ftp-simple : Remote directory open to workspace 를 클릭하세요.

방금 Config에서 만든 FTP name들이 보입니다.

그 다음은 원하는 경로에 접속하면 됩니다!


ftp-simple directory 안 나오는 버그 해결하기

ftp-simple을 사용하다보면 directory가 [DIR] 디렉터리명 이런 식으로 뜨면서 안 나오는 경우가 있어요.

동기화가 덜 되어서 그런 경우일 수도 있고, 오류로 못 가져오는 경우도 있어요.

너무 많은 양의 파일을 한 번에 가져오려고 하니 이런 현상이 생기는 건데 우선 VS CODE를 껐다 켜서 다시 reload 되는 걸 기다려보세요.

또는 [DIR] 디렉터리명 을 클릭하면 해당 디렉터리를 다시 불러오면 괜찮은데, 불러오지 못하는 경우가 문제입니다.

여러 문서를 찾아보니, 최신 VS CODE와 ftp-simple 확장프로그램 간의 호환성이 올바르지 않다는 말도 있는데, 전 아래 방법으로 해결했어요.

우선 설정에서 Remote-workspace-load-all를 입력하면 기본값인 true로 되어 있을 거예요

해당 부분을 false로 바꿔보세요.

그러면 [DIR] 디렉터리명 으로 나오더라도 해당 디렉터리를 클릭하면 다시 불러와요.


참고자료

  1. ftp-simple 오류 해결: https://stackoverflow.com/questions/70018685/directory-issue-when-connecting-vs-code-to-remote-server-via-ftp-simple

반응형