마크업 검사기 Chrome Extension

Markup-Chrome-extension

😋 프로젝트 설명

• 크롬 익스텐션으로 구현 된 개인 프로젝트 및 개발자를 위한 개발자 도구

• 웹 퍼블리셔 및 마크업 개발자 등 웹에 관련된 작업을 하는 개발자에게 쉽게 디버깅을 제공하는 개발자 도구

• 학습 시간이 부족한 개발자에게 자동화 방식으로 쉽게 오류의 원인을 파악 할 수 있고, 시각화 자료로 제공해 누구나 쉽게 디버깅

• 디버깅 도구가 제공되지 않는 일부 마크업 영역에서 도움을 줄 수 있습니다.

🖥 DEMO

• 마크업 파일 추가/중복 및 미적용 선택자 제거 기능

• 선택자 우선 순위 리스트/Minify 기능 및 효율성 검사 기능

👨🏻‍💻 제작 과정

• 2021-10 ~ 2021-11

📚 개발 기술

• HTML5/CSS3

• JavaScript

• React

• OpenLibrary
• Specificity

🔨 기능