깃허브(Github.com)에 있는 델파이 코드를 웹 브라우저에서 보다 편하게 볼 수 있는 방법

[Kori]

이 팁은 엠바카데로에서 진행하는 TCoffeeAndCode를 보다가 알게되었는데, 유용한 팁인 것 같아서 여기에 공유합니다.
(참고로, 당시 주제와는 전혀 상관없는 내용인데 라이브 행사이다 보니 패널들이 이야기하는 중에 불쑥 나온 내용입니다.) 

RAD 스튜디오(델파이, C++빌더)에서 버전 관리도구 설정을 깃허브와 연결해 놓으면 깃허브(GitHub)에 코드를 안전하게 보관할 수 있습니다.
RAD 스튜디오에서 깃허브에 코드를 올리거나 받아내릴 수 있어서 많은 델파이 개발자들이 깃허브를 사용하고 있습니다.
하지만, RAD 스튜디오가 없는 컴퓨터에서, Github에 있는 소스 코드를 웹 브라우저에서 직접 봐야 하는 경우에는 코드 이외의 불필요한 화면 요소들이 많아서 불편합니다.

깃허브(Github.com)에 있는 델파이 코드를 웹 브라우저에서 보다 편하게 볼 수 있는 방법

1. 웹 브라우저에서 Github.com에 접속하여 원하는 소스 파일을 연다. (그림1)
2. 주소창에서 URL 중 github.com 부분만 github.dev로 변경하고 다시 접속한다. (그림2)
3. 그러면, 웹 브라우저에서 작동하는 VS Code가 열린다.
   • Github.com에서 코드를 읽기는 것보다는 당연히 더 좋지만, 코드 포맷이 되어 있지 않아서 조금 불편하다. 
4. Github.dev에서 설정 > Extentions 에서 "Pascal Magic"을 추가하면 코드 읽기가 훨씬 편하다. (그림3,4,5,6)

관련 화면 및 상세 설명 

그림1. GitHub.com에서 코드를 열면, 웹페이지에 코드 이외의 다른 요소가 많고, 코드 화면에 포맷이 적용되지 않아 읽기 불편하다.

 
그림2. 웹 브라우저에서 Github의 소스 파일을 열고 나서  .com 부분을 .dev로 바꾸면 웹 브라우저 버전의 VS Code가 열린다.

그림3. Github.dev에서 보이는 코드에 포맷을 반영하려면,  설정 > Extentions를 클릭하여 플러그인을 추가하면 된다.

그림4. 플러그인 검색에서 무료 플러그인인 "Pascal Magic"을 검색하여, 설치한다.

그림5.  "Pascal Magic"이 설치되고 활성화된 화면, 이제 델파이 코드를 읽기가 훨씬 좋아진다.

그림6.  "Pascal Magic"을 설치하기 전의 소스 코드를 다시 열어보자. 포맷이 적용되어 코드 읽기가 훨씬 좋다.