🚀 FDE · 온보딩 · 환경 준비 · L03

서버 접속

작성일자 2026-07-23  ·  수정일자 2026-07-23  ·  강의차수 L03  ·  예상소요 20분

목표 이 강의가 끝나면 학습자가 VS Code 로 서버를 등록하고 개발 서버에 접속할 수 있다.

1. 준비물

  • 앞 강의(SSH 키 생성)에서 낸 공개키를 관리자가 개발·운영 서버 모두에 등록 완료(관리자에게 확인).
  • 내 컴퓨터에 VS Code 설치돼 있음.
  • 관리자에게 받은 내 계정 이름. (아래 예시는 gildong. 본인 계정 이름으로 바꿔 넣으세요.)

2. Remote - SSH 확인

  1. VS Code 왼쪽 세로 막대에서 확장(Extensions) 아이콘(네모 조각 모양)을 클릭합니다. (단축키: Windows Ctrl+Shift+X / macOS ⌘+Shift+X)
  2. 검색창에 Remote - SSH 를 입력합니다.
  3. Microsoft 가 만든 Remote - SSH 항목을 봅니다. Install 버튼이 있으면 누르고, 이미 Installed 면 그냥 다음으로 넘어갑니다.

3. 서버 등록

  1. F1 키를 누릅니다. (F1 이 안 되면 Windows Ctrl+Shift+P / macOS ⌘+Shift+P)
  2. Remote-SSH: Open SSH Configuration File 을 입력해 선택합니다.
  3. 파일을 고르라고 하면 이걸 선택합니다. macOS 는 /Users/유저명/.ssh/config, Windows 는 C:\Users\내계정\.ssh\config.
  4. 열린 파일에 아래를 그대로 붙여넣습니다. gildong 두 곳을 내 계정 이름으로 바꿉니다.
Host popupstudio-dev-server
  HostName 43.200.38.93
  User gildong

Host popupstudio-prod-server
  HostName 52.79.132.206
  User gildong
  1. 저장합니다. (Windows Ctrl+S / macOS ⌘+S)

4. 서버 접속

  1. VS Code 왼쪽 아래 구석의 초록색 >< 버튼을 클릭합니다.
  2. Connect to Host... → popupstudio-dev-server 를 선택합니다.
  3. 새 창이 열립니다. 처음이면 서버 종류는 Linux, 확인창이 뜨면 Continue 를 고릅니다.
  4. 왼쪽 아래에 SSH: popupstudio-dev-server 가 보이면 접속된 것입니다.

평소 작업은 popupstudio-dev-server, 배포는 나중에 popupstudio-prod-server 를 같은 방법으로 고릅니다.


5. 접속 확인

  1. 위쪽 메뉴 Terminal → New Terminal 로 터미널을 엽니다. (단축키로도 열립니다: Windows Ctrl+J / macOS ⌘+J)
  2. 터미널 줄 맨 앞에 gildong@ip-172-31-39-132:~$ 같은 표시가 뜹니다. 각 부분의 뜻은:

    • gildong : 내 계정 이름 (사람마다 다름)
    • ip-172-31-39-132 : 서버 이름
    • ~ : 지금 있는 위치 (~ 는 내 홈 폴더)
    • $ 뒤 : 내가 입력할 명령

    앞으로 코드에서는 $ 뒤 부분만 칩니다. 3. whoami 를 입력해 내 계정 이름이 나오면 정상입니다.

# 🖥️ 서버 터미널
gildong@ip-172-31-39-132:~$ whoami

마무리

  • 핵심 정리: 설정 파일에 서버를 등록하고 Connect to Host... 로 개발 서버에 접속했습니다.
  • 주의 사항: 접속이 안 되면 (1) 관리자가 내 공개키를 등록했는지, (2) 계정 이름·별명 철자가 맞는지 확인합니다.
  • 다음 시간: 서버 안에서 GitHub 로그인을 합니다.
이 강의를 학습하셨나요?