00:00:00원격 머신에서 VS Code를 실행하고 브라우저로 접속할 수 있게 해주는 오픈 소스 프로젝트, 'Code Server'입니다.
00:00:07빌드 작업 때문에 노트북이 과부하되거나 기기를 자주 바꿔야 하는 분들에게 딱 맞는 도구죠.
00:00:12단순한 웹 에디터 모조품이 아니라, 서버에서 실제로 돌아가는 VS Code에 연결만 하는 방식입니다.
00:00:19설명은 아주 간단해 보이는데, 과연 우리에게 실질적인 도움이 될까요? 그게 핵심이죠.
00:00:23새로운 영상이 계속 업로드될 예정이니 구독 잊지 마세요.
00:00:30이제 Code Server의 실제 기능을 살펴보죠. 핵심은 원격 머신에서 VS Code를 구동하는 겁니다.
00:00:36클라우드 VM이나 홈 서버, 혹은 고성능 데스크탑 같은 기기에서 실행하고 브라우저로 열기만 하면 됩니다.
00:00:45기기마다 Node, Docker, Postgres, Python을 깔 필요 없이 서버에 한 번만 설치하면 어디서든 로그인해서 쓸 수 있죠.
00:00:54노트북은 물론이고, 원한다면 스마트폰에서도 가능합니다.
00:00:57터미널, 확장 프로그램, 심지어 Git까지 모두 정상적으로 작동합니다.
00:01:01내 컴퓨터는 그저 화면 역할만 하고, 실제 작업은 클라우드 같은 다른 곳에서 이루어지는 셈이죠.
00:01:08이게 바로 가장 큰 변화입니다.
00:01:10시작하는 법도 아주 간단합니다. 저는 Mac M4 Pro를 사용 중이라 편의상 클라우드 VM 대신 로컬에서 실행해 보겠습니다.
00:01:18먼저 Docker를 실행한 뒤, 터미널에서 이 Docker 설정 명령어를 입력합니다.
00:01:23제대로 작동하는지 빠르게 확인해 보니 잘 되네요. 반환된 비밀번호도 여기서 바로 확인할 수 있습니다.
00:01:33이제 localhost에 접속해 비밀번호를 입력하면, 짠! 브라우저 안에 VS Code가 나타납니다.
00:01:41보시다시피 일반 VS Code와 똑같습니다. Copilot, 확장 프로그램, 터미널 다 있고 프로젝트 드래그 앤 드롭도 됩니다. 이건 방금 넣어본 간단한 Django 프로젝트예요.
00:01:53코드 실행 방식도 같습니다. 가상 환경을 만들고 필요한 패키지를 설치한 뒤 실행하면 되죠.
00:02:00사실 이 프로젝트는 Django 랜딩 페이지에 텍스트만 있는 수준이지만, 브라우저에서 터미널이 어떻게 돌아가는지 보여드리고 싶었습니다.
00:02:08브라우저용이든 설치형이든 기능적으로는 완전히 동일합니다.
00:02:14빌드 중에 배터리가 광탈하거나 Docker 이미지를 컴파일하느라 팬 소음이 심했던 경험, 다들 있으시죠? 이게 해결책입니다.
00:02:24나중에 더 높은 성능이 필요해지면 그저 VM 사양만 업그레이드하면 됩니다.
00:02:28이제 판도가 바뀝니다. “제 컴퓨터에선 되는데요”라는 말은 사라지죠. 동일한 Node 버전, Docker 설정, 확장 프로그램이 갖춰진 단 하나의 환경만 존재하니까요.
00:02:40모든 기기가 같은 환경에 접속하는 겁니다.
00:02:43하이브리드 팀에게 이런 일관성은 생각보다 훨씬 큰 장점입니다.
00:02:47저처럼 이동이 잦은 사람에게는 서버에 환경을 그대로 둘 수 있다는 게 큰 자유를 줍니다.
00:02:52또한 꾸준히 관리되고 있는 프로젝트라, 단순한 사이드 프로젝트 수준이 아닌 실무용 인프라로도 손색이 없습니다.
00:02:58자, 이제 반대로 생각해 보죠. Code Server가 완벽해 보이지만 그렇지는 않습니다.
00:03:02세상에 완벽한 게 어디 있겠어요, 그렇죠?
00:03:05장점은 무료이자 오픈 소스이고, 제가 사용해 본 바로는 반응 속도도 아주 훌륭하다는 겁니다.
00:03:11인프라 사양에 맞춰 확장 가능하며, 1인 프로젝트라면 상용 플랫폼보다 운영 비용도 저렴합니다.
00:03:16하지만 단점도 있습니다. 내 기기에서 직접 돌아가는 게 아니니까요.
00:03:19인터넷 연결이 불안정하면 사용 경험이 굉장히 안 좋아집니다.
00:03:23지연 시간(Latency) 문제도 무시할 수 없고, 서버 사양도 충분한 RAM이 필요합니다.
00:03:27작은 VM에서 무리하게 돌리려고 하지는 마세요. 만족스럽지 않을 겁니다.
00:03:31기본 보안 설정도 아주 기초적인 수준이라 주의해야 합니다.
00:03:34외부에 공개하려면 인증 설정을 꼼꼼하게 해야 합니다.
00:03:38GitHub Codespaces와 비교해 보시는 분들도 계실 텐데요.
00:03:43Codespaces는 사용하기가 훨씬 간편하긴 합니다.
00:03:46하지만 Code Server는 더 많은 제어권과 자유도를 제공합니다.
00:03:49시도해 보고 싶다면 복잡하게 생각하지 마세요. 정말 쉽거든요.
00:03:53가볍게 시작해 보세요. 클라우드 VM이나 저처럼 Docker로 테스트해 보며 워크플로우에 맞는지 확인하면 됩니다.
00:03:58기존의 홈 머신을 활용해 보는 것도 좋은 방법입니다.
00:04:02더 제대로 테스트해 보고 싶다면 dev 컨테이너와 함께 사용해 보세요.
00:04:07단순히 원격 환경을 넘어설 수 있게 됩니다.
00:04:09재현 가능한 환경은 신규 팀원 온보딩에 큰 도움이 됩니다.
00:04:12디버깅과 일관성 유지 측면에서도 아주 훌륭하죠.
00:04:14이미 써보신 분들은 배터리가 훨씬 오래간다는 걸 체감하셨을 겁니다.
00:04:18가벼운 기기에서도 코딩이 가능하고, 업무용과 개인용 PC 사이를 오가기도 훨씬 편해집니다.
00:04:24처음에는 비공개로 테스트해 보면서 점차 확장해 보세요.
00:04:26Code Server를 활용하면 여러분의 환경은 이동성, 확장성, 일관성을 모두 갖추게 될 겁니다.
00:04:32더 이상 노트북 사양에 얽매일 필요가 없습니다. 흥미가 생기신다면,
00:04:36직접 체험해 보시고 소감을 확인해 보세요. 그럼 다음 영상에서 뵙겠습니다.