J2ong 님의 블로그

안녕하세요!이번 글에서는 제가 직접 개발한 GPT Styler라는 크롬 확장 프로그램을 소개하고자 합니다.GPT Styler는 ChatGPT를 비롯한 다양한 AI 챗봇 서비스의 웹 디자인을 사용자 스타일에 맞게 자유롭게 커스터마이징할 수 있도록 도와주는 크롬 확장 프로그램입니다.GPT Styler는 크롬 브라우저만 있다면 누구나 사용할 수 있습니다. ※ 지원 서비스ChatGPTClaudeGeminiDeepseek위 네 가지 서비스의 UI를 간편하게 바꾸고 꾸밀 수 있습니다.[왜 디자인을 바꿔야 할까?]최근 많은 사람들이 ChatGPT 같은 AI 서비스를 일상적으로 활용하고 있습니다.하지만 기본 제공되는 UI는 모두에게 똑같고, 다소 단조롭거나 낯설게 느껴질 수 있습니다.예를 들어,오랜 시간 글을 읽고 쓸..

안녕하세요!이번 글에서는 크롬 확장 프로그램이 무엇인지, 어떤 구조로 되어 있는지, 그리고 어떻게 시작할 수 있는지를 간단하게 소개하겠습니다.[크롬 확장 프로그램의 장점]HTML, CSS, JavaScript만으로도 개발 가능웹 프론트엔드 개발 지식만으로 빠르게 제작 가능브라우저 환경에서 직접 실행되므로 테스트와 배포가 간편자주 사용하는 기능을 자동화하거나 커스터마이징 가능 기본 구조📁 icons // 확장 프로그램에 사용될 아이콘 모음📁 popup ├─ popup.html // 확장 프로그램 실행 시 보이는 팝업 UI ├─ popup.css // 팝업 스타일 정의 └─ popup.js // 팝업에서 실행되는 JavaScript📄 content.js // 사용자가 방문하는 웹페이지에..