J2ong 님의 블로그

📅 2025.08.21 업데이트사이드 패널에서 ChatGPT, Claude, Gemini, Deepseek로 간편하게 이동할 수 있는 기능이 추가되었습니다.사이드 패널에서 현재 도메인을 확인할 수 있습니다. ✅ 도메인 간편 이동현재 접속 중인 사이트가 ChatGPT, Claude, Gemini, Deepseek의 도메인이 아니더라도, 사이드 패널을 통해 원하는 서비스 도메인으로 바로 이동할 수 있습니다. ✅ 현재 도메인 확인사이드 패널에서 지금 접속 중인 도메인을 빠르게 확인할 수 있습니다. 2025.07.28 - [개인 프로젝트] - 챗GPT 꾸미기 - GPT Styler (+ 업데이트) 챗GPT 꾸미기 - GPT Styler (+ 업데이트)안녕하세요!이번 글에서는 제가 직접 개발한 GPT Style..

📅 2025.08.19 업데이트기존 팝업 방식에서 사이드 패널 방식 변경하였습니다.무료 버전 이용자를 위한 기본 배경 이미지를 추가하였습니다. ✅ 사이드 패널 방식 전환기존 팝업 방식에서 사이드 패널 방식으로 변경하여, 확장 프로그램 실행 시 더 넓고 직관적인 화면을 제공합니다. ✅ 기본 배경 이미지 추가 (무료 버전)무료 사용자도 활용할 수 있는 기본 배경 이미지 9종을 새롭게 제공했습니다. (추가 이미지 계속 업데이트 예정) 2025.07.28 - [개인 프로젝트] - 챗GPT 꾸미기 - GPT Styler (+ 업데이트) 챗GPT 꾸미기 - GPT Styler (+ 업데이트)안녕하세요!이번 글에서는 제가 직접 개발한 GPT Styler라는 크롬 확장 프로그램을 소개하고자 합니다.GPT Styler..

📅 2025.07.30 업데이트UI 전반을 간결하고 직관적인 구조로 재설계했습니다.테마/프로필 설정 관련 기능 강화 및 사용자 편의성 개선했습니다.일부 기능은 프리미엄 등급으로 이동하여 기능 체계를 명확히 분리했습니다. ✅ 기본 UI 변경기능 추가로 인해 스크롤이 길어짐에 따라, 기본 UI를 보다 간결하고 직관적인 구조로 개선하였습니다.‘+’ 버튼을 누르면 세부 옵션이 펼쳐지고, ‘–’ 버튼을 누르면 간단한 형태로 접히는 인터페이스로 변경하여,사용자가 필요할 때만 세부 기능을 확인할 수 있도록 조절 가능한 구조로 개선하였습니다. ✅ 테마 변경 기능 개선무료 테마 수를 나타내는 뱃지를 추가해 직관적으로 확인 가능하게 하였습니다.프리미엄 등급을 구분하는 뱃지 디자인을 리뉴얼하였습니다.일부 프리미엄 등급 ..

해당 게시물은 크롬 확장 프로그램 GPT Styler의 업데이트 내역을 관리합니다.GPT Styler가 무엇인지 궁금하신 분들은 아래 링크를 보시길 바랍니다. 2025.07.28 - [개인 프로젝트] - 챗GPT 꾸미기 - GPT Styler (+ 업데이트) 챗GPT 꾸미기 - GPT Styler (+ 업데이트)안녕하세요!이번 글에서는 제가 직접 개발한 GPT Styler라는 크롬 확장 프로그램을 소개하고자 합니다.GPT Styler는 ChatGPT를 비롯한 다양한 AI 챗봇 서비스의 웹 디자인을 사용자 스타일에 맞게 자유blog.talkhub.co.kr 📅 2025.08.19 업데이트 (최신)기존 팝업 방식에서 사이드 패널 방식 변경하였습니다.무료 버전 이용자를 위한 기본 배경 이미지를 추가하였습니..

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

안녕하세요! 오랜만에 인사드립니다.이번 글에서는 제가 직접 기획하고 개발한 SNS 웹서비스 TalkHub를 소개하고자 합니다.TalkHub는 일상의 기록과 실시간 소통에 초점을 맞춘 소셜 플랫폼으로, PC와 모바일 버전을 모두 지원하여 언제 어디서든 편리하게 사용할 수 있습니다.[TalkHub를 기획한 이유]해외에는 Facebook, Instagram, X(Twitter) 등 다양한 형태의 SNS가 존재하지만, 국내에서는 대부분의 사용자가 카카오톡과 같은 메신저 중심 서비스에 익숙해져 있습니다.물론 카카오톡은 한국인의 소통 습관에 잘 맞는 훌륭한 플랫폼이지만, 사용자의 일상과 관심사를 자유롭게 기록하고 공유하는 기능은 부족한 편입니다.이에 착안하여, 해외 SNS처럼 게시물 중심의 공유 기능을 갖춘 플랫폼..

안녕하세요!이번 글에서는 포트원 ((구)아이포트) 정기 전자 결제 연동 가이드(Test)에 대해 설명하겠습니다.저는 KG이니시스 통합인증 + 정기결제 (비인증 결제) 두개의 결제 모듈로 진행하였습니다.[두개의 모듈을 선택한 이유]KG이니시스는 하나의 정기결제 모듈로 본인인증과 수기결제를 함께 제공하지만 다음과 같은 이유로 두 모듈을 별도로 사용하였습니다.본인인증 모듈의 단점인증서 기반 본인확인 필요본인인증 UI 커스터마이징 불가→ 사용자 경험 저하선택한 방식통합인증 모듈을 이용한 간편 본인인증 처리수기/정기 결제 모듈(비인증 결제)을 통한 카드정보 직접 입력 방식⚠️ 참고: 비인증 결제는 대행사 심사 기준이 더 까다롭습니다. [포트원 전자 결제의 장점]다양한 PG사 통합 관리간편한 스크립트 연동직관적인..

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