Github 의 Repositories 소스를 VS CODE 와 함께 브라우저에서 보기

Github 의 Repositories 소스를 VS CODE 와 함께 브라우저에서 보기

 

 

github 사이트의 특정 Repositories 내부의 소스를 브라우저 화면에서 vscode 형태의 UI 화면과 동일하게 보여주는 사이트가 존재합니다.

 

예를 들어 아래와 같은 github 의 Repositories 가 존재하는 URL 주소 입니다.

 

 

github.com/shimpark/git-action-python

shimpark/git-action-python

 

 

여기서 https://www.github1s.com/shimpark/git-action-python 처럼 github 뒤에 1s 를 붙여서 접속하면 아래와 같은 vscode 와 동일한 UI 를 같은 뷰어를 제공합니다. 당연히 뷰어이므로 추가 및 수정은 불가합니다.

 

 

해당 사이트는 GITHUB 사이트와 전혀 상관없는 사이트라고 명시되어 있습니다. ^^

슬로건..~ One second to read GitHub code with VS Code

vs code 로 GITHUB CODE 를 1초만에 읽을 수 있다고 합니다. 

 

그리고 이 사이트는 public 으로 오픈되어져 있는  github 의 Repositories 만 적용됩니다. 당연한게 github 에서 만들면 가능할텐데 여기 사이트는 외부의 특정 사이트에서 만든 것이고 아마도 public 이므로 크롤링도 가능하고 해서 이를 자기들 프로그램에 맞게 구축해서 보여주기 때문입니다. 

 

여기 사이트의 소스도  github 에 있는데요. 대부분 구현한 프로그램 언어는 typescript 로 대부분 구성되어 있습니다. 화면 UI 나 이동부분만  HTML ,Javascript 를 사용했고요.

 

 

 

github.com/conwnet/github1s

conwnet/github1s