LeetCode를 꾸준히 하기 어려워, 매일 밤 히로인이 방에서 기다려주는 미소녀 게임 같은 학습 사이트를 만들었습니다
요약
LeetCode 학습의 어려움을 해결하기 위해 미소녀 게임 스타일을 접목한 Chrome 확장 기능 'Dokicode'를 개발했습니다. 이 도구는 6명의 히로인 파트너와 친밀도 시스템을 통해 지속적인 동기 부여를 제공하며, 문제 풀이 과정에서 단계별 사고 과정을 안내하여 학습 효율성을 높입니다.
핵심 포인트
- 미소녀 게임 컨셉으로 LeetCode 학습의 재미와 지속성을 확보했습니다.
- Chrome 확장 기능 형태로 구현되어 사용 편의성이 높습니다.
- 정답 코드 대신 4단계 사고 과정(방침, 핵심 속성 등)을 안내하여 학습 효과를 극대화합니다.
- React/FastAPI 스택을 활용한 웹 및 백엔드 구조를 갖추고 있습니다.
혼자서 LeetCode 문제를 푸는 것이 외롭고 지속하기 어려웠기 때문에, **미소녀 게임 스타일의 공부방 × LeetCode 동행 Chrome 확장 기능 'Dokicode'**을 개인 개발했습니다 (무료・일본어 지원).
웹사이트: https://dokicode.com
웹: React + TypeScript + Vite + Zustand (Cloudflare Pages) -
API: FastAPI + PostgreSQL (Google Cloud Run) -
확장 기능 (MV3): Shadow DOM UI + storage
권한만 사용합니다 (클립보드 내용이나 코드 본문은 전혀 수집하지 않으며, 키 입력 횟수와 붙여넣기 문자열 비율만을 판별).
'오늘 밤도 문제 하나만 풀고 자자'라고 생각할 계기가 되었으면 좋겠습니다. 꼭 사용해보시고, 감상이나 피드백을 주시면 큰 힘이 될 것 같습니다!
6명의 히로인 중 파트너를 선택하여 학습 계약을 맺습니다. 매일 문제를 클리어할 때마다 대화・친밀도・스토리(R0〜R5)・의상이 해금됩니다.
슬라이딩 윈도우, 이진 탐색, 단조 스택, 그래프, DP 등 12가지 정석 플랜을 수록했습니다. 각 섹션 내부는 Weekly Contest의 실전 난이도 순으로 배열되어 있어 기초부터 무리 없이 단계적으로 실력을 향상시킬 수 있습니다.
Chrome 확장 기능을 설치하면 LeetCode 문제 페이지 오른쪽 아래에 히로인이 함께합니다.
막힐 때는 정답 코드를 직접 보여주지 않고, '1. 방침 → 2. 핵심 속성 → 3. 절차와 시간 복잡도 → 4. 경계 조건'의 4단계로 사고 과정을 안내합니다. 제출하여 Accepted가 되면 그 자리에서 축하해주고, 공부방에 진도가 동기화됩니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Qiita AI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기