깃허브에서 codespaces으로 브라우저로 개발하기

vs code 열고 환경 세팅하는 등 딥하게 개발하지 않고 간단한 개발이나 의존성 업데이트를 "깃허브" 내에서 하고 싶다는 욕구가 있는데..

깃허브에는 "Codespaces"라는 기능이 있다. 방법은 쉽다. 일단 본인 레파지토리에 들어간다. 이후

이미지처럼 초록색 <>code 이 버튼을 누르고 Codespaces를 누르면 저렇게 뜬다. Create codespace on main 버튼을 누르면 자연스럽게 브라우저에 가상의 vs code 개발 환경을 띄울 수 있다.

브라우저에 vs code 개발 환경이 열린 모습

이제 여기에 각종 터미널 명령어 등을 기입해서 평소 개발하듯 소스 제어 및 깃 커밋 푸시도 가능하다. 되게 유용하기 때문에 이런 거 알아두면 좋다. 실제 현업 개발자들도 좋아하고 태블릿에서도 코딩 작업을 쉽게 할 수 있다. 여러모로 좋은 기능이니 한 번씩 써보자.