Tommy's AlgoReview - 프로그래머스 풀이 기록

About

프로그래머스 문제 풀이를 자동으로 감지하고, 벨로그(Velog) 및 티스토리(Tistory) 회고록 템플릿을 생성해주는 서비스입니다. 알고리즘 공부 후 기록하는 번거로움을 줄이고, 클릭 한 번으로 고퀄리티 회고록을 작성해보세요.

[주요 기능]

1. 스마트 정답 감지 및 커스텀 모달
시스템 알림이 아닌 직관적이고 예쁜 HTML 모달창을 제공합니다. 페이지 로딩 시의 데이터는 무시하고, 실제 정답 화면이 나타났을 때만 정확하게 반응합니다.
2. 원클릭 회고록 작성 (Velog & Tistory 지원)
버튼 하나로 설정된 블로그 에디터가 열립니다. 제목은 [Algorithm] 프로그래머스 - 문제이름 형식으로 자동 완성되며, 문제 링크, 설명, 풀이 접근법, 코드 블록, 회고가 포함된 마크다운 양식을 클립보드에 자동으로 복사해줍니다.
3. 티스토리 마크다운 모드 자동 전환
티스토리는 기본적으로 '기본모드'로 열리지만, AlgoView는 이를 감지하여 자동으로 '마크다운' 모드로 전환해줍니다. 번거로운 설정 없이 바로 붙여넣기(Ctrl+V)만 하면 됩니다.
4. 편리한 설정 관리
벨로그와 티스토리 주소를 각각 저장해두고, 필요할 때마다 드롭다운 메뉴로 간편하게 전환하며 사용할 수 있습니다.

[기술 스택]

* 언어: JavaScript (ES6+), HTML5, CSS3
* 환경: Chrome Extension Manifest V3
* 핵심 기술: MutationObserver(실시간 DOM 감지), CSS Animations(모달 효과), Chrome Storage API(설정 관리), Scripting API(페이지 제어)

[설치 방법]

1. 구글 크롬 웹스토어(Chrome Web Store)에 접속합니다.
2. 검색창에 "Tommy's AlgoReview - 프로그래머스 풀이 기록"을 검색합니다.
3. 'Chrome에 추가' 버튼을 클릭하여 설치를 완료합니다.

[사용 가이드]

1. 설정하기: 확장 프로그램 아이콘을 클릭해 설정 페이지로 이동합니다. 사용할 블로그 플랫폼의 글쓰기 URL을 입력하고 저장합니다.
2. 문제 풀기: 프로그래머스에서 문제를 풀고 '제출 후 채점하기'를 누릅니다.
3. 회고록 작성: '정답입니다!' 화면과 함께 나타나는 모달창에서 '회고록 쓰기' 버튼을 클릭합니다.
4. 마무리: 자동으로 열린 블로그 에디터 본문에 Ctrl + V를 눌러 템플릿을 붙여넣으면 작성이 끝납니다.

[라이선스 및 문의]

* License: MIT License (Copyright 2026 bigone-77)
* Contact: 기능 제안이나 버그 리포트는 GitHub Issues([https://github.com/bigone-77/tommy-AlgoReview/issues)에](https://www.google.com/search?q=https://github.com/bigone-77/tommy-AlgoReview/issues)에) 남겨주세요.