개발자들을 위한 웹브라우저 확장 앱 (Web-browser Extension) 추천 I — Octotree

happybono
5 min readJul 21, 2020

--

대표적인 무료 Git 저장소로 대부분의 개발자들이 애용하고 있는 서비스인 GitHub. GitHub 는 버전관리와 협업을 위한 코드 호스팅 플랫폼입니다. 언제 어디서나 시간이나 장소에 구애받지 않고 협업 프로젝트를 쉽게 진행할 수 있도록 도와주는데요. GitHub 를 이용함에 있어 불편한 점들도 더러 존재합니다.

웹페이지 기반이다 보니 웹브라우저를 통해 접속하는 경우 디렉토리와 파일들을 한 눈에 알아보기 힘들고, 각기 다른 여러개의 파일에 접근하고 싶은 경우에도 비효율적일 수 있습니다.

이러한 단점들을 보완할 수 있는 웹브라우저 확장 기능이 있어 여러분께 소개해드리고자 합니다.

이번에 소개해드리는 Octotree 라는 확장 기능 (Extension) 을 설치하면 GitHub 의 각기 저장소에 접근할 때마다 웹브라우저 안에서 파일 탐색기형 사이드 바 (Side-bar) 가 생겨서 디렉토리와 파일들을 한 눈에 알아볼 수 있는데요.

다음과 같이 Octotree 를 설치한 후 원하는 Repository (코드 저장소) 에 접근하면 좌측 중앙에 [Octotree] 라는 탭이 생성됩니다.

해당 탭 위에 마우스를 올려놓거나 클릭하면 해당 Repository (코드 저장소) 가 파일 탐색기형 사이드 바 (Side-bar) 가 확장되는데, 해당 파일을 클릭하면 파일을 열람하실 수 있습니다.

더불어 설정 화면으로 진입하면 다크 테마 설정 / 변경을 비롯한 여러가지 부가 기능도 제공하고 있음을 확인할 수 있는데요. 이러한 기능들은 유료로, 월간 정액제를 구독하여야만 사용할 수 있는 기능으로 보입니다.

다음과 같이 GitHub 코드 저장소 페이지 내 어디에서든, 혹은 소스 코드 파일을 열람하고 있을 때에만 Octotree 앱의 Side-bar 를 보여지게 설정할 수 있도록 설정할 수 있으며,

소스 코드 열람 시 폰트를 변경할 수 있는 기능 또한 제공하고,

멀티 탭 기능까지도 빠짐없이 지원하는 것을 확인 해 볼 수 있었습니다.

멀티 탭 기능은 [설정] 화면에서 해당 기능 [활성화] 후, 우측 사이드 바의 탐색기에서 열람하실 소스 코드 파일을 더블클릭하면 다음과 같이 해당 파일이 탭 형태로 열리도록 고안해두었네요.

기본적인 탐색기 기능을 제외하고, 테마 변경 기능을 포함해서 나머지 모든 기능들이 유료 구독형 모델이라는 점이 아쉽게 느껴지기는 하지만, GitHub 웹 페이지에서 트리뷰 (Tree-View) 형태로 파일 탐색기와 비슷하게 보여주면서, 각 코드의 구성요소를 효율적으로 보여준다는 측면에서 생산성을 높여줄 수 있는 확장 (Extension) 앱으로 메리트가 있습니다. 무료 버전에도 약간의 기능들을 더 포함해서 제공했다면 개인적으로는 훨씬 높은 점수를 주고 싶은 앱입니다.

더불어 크로미움 기반의 Microsoft Edge (엣지), Google Chrome, Naver Whale 웹브라우저를 비롯해 FireFox, Opera, Safari, 등의 브라우저에서도 확장 앱 설치 형태로 지원하고 있어 어떠한 브라우저를 사용하더라도 이용에 제한이 없으므로 범용성도 뛰어나다는 장점도 가지고 있어 GitHub 를 십 분 활용하는데 요긴하게 사용할 수 있겠네요.

https://www.octotree.io/

크로미움 기반의 웹브라우저 (Microsoft Edge, Google Chrome, Naver Whale) 를 사용하시고 계신다면, https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc 에서,
FireFox 를 사용하시고 계신다면 https://addons.mozilla.org/en-US/firefox/addon/octotree/ 에서,
Opera 를 사용하시고 계신다면 https://addons.opera.com/en/extensions/details/octotree/ 에서,
Safari 를 사용하시고 계신다면 https://apps.apple.com/us/app/octotree-pro/id1457450145?mt=12 에서,

다운로드 및 설치 후 사용해 보실 수 있습니다.
고맙습니다.

Originally published at http://happybono.wordpress.com on July 21, 2020.

--

--