1. 클라우드에서 개발하기

1-1. 깃허브 코드스페이스

  • 코드스페이스(codespace)
    • 개발 환경을 온라인으로 옮겨 놓은 것
    • 사용자 컴퓨터에서 따로 작업하고 깃허브에 올리는 대신, 브라우저에서 VS Code 편집기를 사용해서 소스를 작성하고 깃허브로 올릴 수 있음
  • 코드스페이스의 기능
    • 자신의 컴퓨터에 있는 편집기를 사용하는 것처럼 활용할 수 있음
    • 확장 기능 설치 가능
    • 소스 수정, 저장 작업과 더불어 깃허브로 푸시, 풀도 가능

1-2. 깃허브 데브

  • 웹 브라우저에서 VS code를 열어 저장소의 소스를 수정할 수도 있고, 깃허브에 다시 푸시할 수 있음
  • 인터넷 접곳만 가능하다면 언제든지 저장소에서 필요한 작업을 수헹 가능

  • 태블릿 등 다른 장치에서도 접속하여 소스를 작성할 수 있음

  • 깃허브 데브 접근 1) 저장소에서 마침표 눌러 접근 2) 주소를 입력해 깃허브 데브에 직접 접근
    • 저장소 주소에서 github.com 부분을 github.dev로 바꾸면 됨

1-3. 깃허브 데브에서 소스 수정하기

  • 탐색기 창에서 파일 클릭 시 소스를 즉시 수정할 수 있음
  • 수정 시 수정한 내용의 왼쪽에 파란색 막대가 표시되어 어떤 부분이 수정되었는지 확인 가능
    • 해당 부분 클릭 시 원래 내용과 비교 가능
  • 미리 보기로 내용 확인 가능
  • 소스 제어 창으로 이동 후 커밋 메시지를 입력하고 체크 표시를 클릭하면 따로 푸시 과정을 거치지 않아도 깃허브에 그대로 저장 가능

참고