티스토리 뷰

 

매우 효율적으로 빠르게 폴더 또는 파일의 종류를 식별할 수 있게 하고 구분되어 보여지게 함으로서 가독성이 향상되며 그리고 시각적으로 너무 이쁘기 때문에 매우 도움이 되고 많이 애용하는 VSCode 확장 프로그램인 vscode-material-icon-theme을 VSCode 뿐만 아니라 웹사이트 Github에서도 적용시킬 수 있는 방법을 알려드릴려고 합니다.

 

Material Icon 개발자가 추가적으로 제공하는 브라우저 전용 확장 프로그램을 추가적으로 설치하므로서 이를 간단하게 해결할 수 있습니다.

 

구글 크롬 (Google Chrome)

 

Material Icons for GitHub - Chrome 웹 스토어

Material icons for the file browser of popular websites like GitHub, Azure, Bitbucket etc.

chromewebstore.google.com

마이크로소프트 엣지 (Microsoft Edge)

 

Material Icons for GitHub - Microsoft Edge Addons

 

microsoftedge.microsoft.com

파이어폭스 (Firefox)

 

Material Icons for Github – Get this Extension for 🦊 Firefox (en-US)

Download Material Icons for Github for Firefox. Replace the file/folder icons on github file browsers with icons representing the file's type and which tool it is used by.

addons.mozilla.org

 

적용 결과

 

출처

Path to material-extensions / material-icons-browser-extension

 

GitHub - material-extensions/material-icons-browser-extension: Browser Addon that enhances file browsers of version controls wit

Browser Addon that enhances file browsers of version controls with material icons. - material-extensions/material-icons-browser-extension

github.com

 

Material Icon Theme - Visual Studio Marketplace

Extension for Visual Studio Code - Material Design Icons for Visual Studio Code

marketplace.visualstudio.com