아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
SK플래닛 faviconSK플래닛

챗GPT 질문, 이제 익스텐션으로 편하게!

by DD
2025-08-14
11개월 전
조회수 21

ChatGPT 사용 중, 이전 질문 검색의 불편함을 느낌

크롬 익스텐션 개발을 통해 질문 내역을 한눈에 파악하는 UI 구현

Chrome Web Store에 익스텐션 등록, 하루 만에 승인 완료

익스텐션 개발, 핵심 기능 구현

익스텐션은 JavaScript를 사용하여 개발되었으며, DOM 조작을 통해 챗GPT 페이지를 분석한다. 구체적으로, 사용자의 질문과 답변을 추출하여 UI 컴포넌트로 구성한다. 따라서, 사용자는 이전 질문을 클릭하여 해당 위치로 즉시 이동할 수 있다.

UI/UX 개선, 사용성 향상

기존 챗GPT 인터페이스의 스크롤 압박 문제를 해결하기 위해, 질문 목록을 별도 페이지로 구성했다. 검색 기능을 추가하여 원하는 질문을 빠르게 찾을 수 있도록 했다. 반면, UI 디자인은 챗GPT의 디자인을 최대한 유지하여 이질감을 줄였다.

배포 및 승인 과정

개발된 익스텐션은 Chrome Web Store에 등록하여 배포한다. Developer Dashboard에서 등록 정보를 작성하고, 구글의 승인을 받아야 한다. 따라서, 사용자 정보를 수집하지 않아 하루 만에 승인을 받을 수 있었다. 결과적으로, 더 많은 사용자에게 편의성을 제공할 수 있게 되었다.

ChatGPT 질문 내역 바로보기 (익스텐션 개발기)
중급
트렌드
Chrome Extension
ChatGPT
JavaScript
Frontend
AI/ML
원문 읽기
원문 읽기

댓글 0

첫 번째 댓글을 남겨보세요!

관련 추천 글

ChatGPT, 광고 모델 도입: 기술적 구조와 커뮤니티의 엇갈린 시선

해커뉴스 로고

이번 주 DEV 인기글 TOP 7을 만나보세요!

데브투 로고

AI 시대, 개발자의 미래는?

테오 로고

AI와 함께 PPT를? 'Showmaker' 개발 후기!

요즘IT 로고

AI와 함께 10시간 만에 서비스 개발?

카카오 로고

OpenAI 번역 페이지를 활용한 ChatGPT 5.2 무료 사용 확장 프로그램 등장!

레딧 로고
SK플래닛 faviconSK플래닛
중급
트렌드
Chrome Extension
ChatGPT
JavaScript
Frontend
AI/ML

관련 추천 글

ChatGPT, 광고 모델 도입: 기술적 구조와 커뮤니티의 엇갈린 시선

해커뉴스 로고

이번 주 DEV 인기글 TOP 7을 만나보세요!

데브투 로고

AI 시대, 개발자의 미래는?

테오 로고