서버 접속
목표 이 강의가 끝나면 학습자가 VS Code 로 서버를 등록하고 개발 서버에 접속할 수 있다.
1. 준비물
- 앞 강의(SSH 키 생성)에서 낸 공개키를 관리자가 개발·운영 서버 모두에 등록 완료(관리자에게 확인).
- 내 컴퓨터에 VS Code 설치돼 있음.
- 관리자에게 받은 내 계정 이름. (아래 예시는
gildong. 본인 계정 이름으로 바꿔 넣으세요.)
2. Remote - SSH 확인
- VS Code 왼쪽 세로 막대에서 확장(Extensions) 아이콘(네모 조각 모양)을 클릭합니다. (단축키: Windows
Ctrl+Shift+X/ macOS⌘+Shift+X) - 검색창에
Remote - SSH를 입력합니다. - Microsoft 가 만든 Remote - SSH 항목을 봅니다. Install 버튼이 있으면 누르고, 이미 Installed 면 그냥 다음으로 넘어갑니다.
3. 서버 등록
- F1 키를 누릅니다. (F1 이 안 되면 Windows
Ctrl+Shift+P/ macOS⌘+Shift+P) Remote-SSH: Open SSH Configuration File을 입력해 선택합니다.- 파일을 고르라고 하면 이걸 선택합니다. macOS 는
/Users/유저명/.ssh/config, Windows 는C:\Users\내계정\.ssh\config. - 열린 파일에 아래를 그대로 붙여넣습니다.
gildong두 곳을 내 계정 이름으로 바꿉니다.
Host popupstudio-dev-server
HostName 43.200.38.93
User gildong
Host popupstudio-prod-server
HostName 52.79.132.206
User gildong
- 저장합니다. (Windows
Ctrl+S/ macOS⌘+S)
4. 서버 접속
- VS Code 왼쪽 아래 구석의 초록색
><버튼을 클릭합니다. Connect to Host...→popupstudio-dev-server를 선택합니다.- 새 창이 열립니다. 처음이면 서버 종류는
Linux, 확인창이 뜨면Continue를 고릅니다. - 왼쪽 아래에
SSH: popupstudio-dev-server가 보이면 접속된 것입니다.
평소 작업은
popupstudio-dev-server, 배포는 나중에popupstudio-prod-server를 같은 방법으로 고릅니다.
5. 접속 확인
- 위쪽 메뉴 Terminal → New Terminal 로 터미널을 엽니다. (단축키로도 열립니다: Windows
Ctrl+J/ macOS⌘+J) -
터미널 줄 맨 앞에
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 로그인을 합니다.