loading

심재운 블로그

반응형

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

 

 

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

 

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

 

 

github.com/shimpark/git-action-python

 

shimpark/git-action-python

Contribute to shimpark/git-action-python development by creating an account on GitHub.

github.com

 

 

여기서 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

One second to read GitHub code with VS Code. Contribute to conwnet/github1s development by creating an account on GitHub.

github.com

 

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band

댓글

비밀글모드

  1. 오~~ 꿀정보네요~^^ 꿀정보 잘보고 갑니다~^^ 행복한 하루 되세요~ ^^ ◉ ‸ ◉
    2021.05.07 05:27 신고