아이디어를 코드를 통해 현실로 만들어내는 과정에 몰입합니다. 확장성 있는 웹 애플리케이션과 안정적인 데이터 아키텍처를 설계하는 풀스택 개발자입니다.

GitHub  ·  Email  ·  Instagram

• 📍 Location: 대한민국 서울
• 💻 Languages: JavaScript, TypeScript, Java, Dart
• 🎯 Focus: RESTful/Hybrid API 설계, 데이터베이스 최적화, 실시간 동기화 서비스 구현

           ·           

     ·           

앨범 단위 평점 기록 및 음악 리스너 간의 취향 교감을 제공하는 풀스택 웹 서비스

• 기간: 2025.10 ~ 현재 (진행 중)
• 기여: 3인 팀 (본인 기여도: 기획 및 아이디어 발제 100%, 개발 50%, DB 설계 30%)
• 기술: Next.js    TypeScript    Supabase    PostgreSQL    Vercel
• 링크: Official Website  ·  GitHub Repository

💡 기획 배경 및 목표

• 진행 배경 (100% 독자 기획): 'RateYourMusic'이나 'Pitchfork' 등 해외에는 활성화된 아카이브 중심의 음악 평론 커뮤니티가 존재하나, 국내에는 대중음악 리스너들이 자유롭게 앨범 단위로 심도 깊은 리뷰를 나눌 수 있는 대중적인 플랫폼이 부족하다는 점에 직접 주목했습니다. 평소 국내 대중음악 씬의 전문 평론 매체들의 활성도가 점차 낮아지는 현상에 아쉬움을 느껴, 리스너 중심의 새로운 놀이터가 필요하다고 생각했습니다.
• 프로젝트 목표: 국내 대중음악 리스너들의 실제 목소리와 니즈를 반영하여, 직관적이고 빠른 탐색 환경을 보장하고 유저들이 자유롭게 평점을 남기며 소통할 수 있는 **'사용자 참여형 국내 No.1 음악 아카이브&리뷰 서비스'**를 직접 제안하고 설계를 리드했습니다.

🏗️ 기술 및 아키텍처 도입 배경

• Next.js (App Router): 리뷰 게시글의 검색 엔진 최적화(SEO)를 확보하고, 다수의 외부 음원 API를 서버사이드에서 병렬로 호출하여 클라이언트 렌더링 부하를 줄이기 위해 도입했습니다.
• Supabase & PostgreSQL: 실시간으로 유저의 평점과 피드가 업데이트되는 커뮤니티 특성상, Realtime Subscription 기능과 강력한 관계형 데이터베이스를 함께 활용하여 백엔드 개발 생산성을 극대화했습니다.

👨‍💻 역할 및 기여도 (My Role & Contributions)

• 기획 및 전체 아이디어 리드 (100%): 서비스 도메인 정의, 타겟 유저 분석, 유저 저니(Journey) 설계 및 핵심 기능 정의서 등 기획의 A부터 Z까지 독자적으로 설계 및 주도
• 핵심 API 및 DB 아키텍처 설계: Next.js와 Supabase를 기반으로 음악 데이터 탐색 인프라를 구축하고, 리뷰 생성/조회/수정/삭제(CRUD) 전반에 걸친 API 아키텍처를 전담 설계했습니다.
• 실시간 데이터 파이프라인 구현: 유저들이 매긴 평점과 피드 반응을 지연 없이 동기화하기 위해, Supabase 이벤트를 감지해 통계 테이블을 갱신하는 실시간 파이프라인 로직을 구현했습니다.

📈 결과 및 성과

• 아이디어 기반 서비스 완전 상용화: 아이디어 빌딩부터 도메인 확보, 실제 배포 및 운영 단계까지 원스톱으로 리드
• 음악 탐색 인터페이스 노출 속도 약 58% 개선: 외부 음원 API 조회 및 데이터 포맷 가공 시 병렬 처리 도입을 통해 응답 지연 최소화
• 어뷰징 조회수 조작 0% 달성: 고유 키 캐싱 검증 도입으로 부정 행위 원천 차단 및 불필요한 트래픽 낭비 최소화
• 검색 엔진(SEO) 노출 최적화: Next.js Server Components 기반으로 동적 메타데이터를 서빙하여 검색 엔진 접근성 확보

기초 문법부터 고급 개념까지 한 손으로 즐기는 웹/모바일 반응형 자바 프로필 학습 플랫폼

• 기간: 2025.05 ~ 2025.07
• 기여: 6인 팀 (Team Leader / 본인 기여도: DB 설계 40%, 개발 20%)
• 기술: React    Next.js    Supabase    PostgreSQL    Vite
• 링크: Service Link  ·  GitHub Repository

💡 기획 배경 및 목표

• 진행 배경: 전통적인 프로그래밍 기초 학습 방식(책, 단방향 인강 등)은 비전공자나 초급 개발자들이 중도 포기하기 쉬운 지루한 과정을 가집니다.
• 프로젝트 목표: 자바(Java) 언어 학습에 흥미를 잃지 않도록 퀴즈 형태의 '게이미피케이션(Gamification)' 요소를 결합하고, 실시간 경쟁/성장 자극 요소를 더해 학습 지속성을 높이는 앱 스타일의 반응형 웹 플랫폼을 목표로 기획했습니다.

🏗️ 기술 및 아키텍처 도입 배경

• React: 퀴즈 진행 및 대전 중 페이지 새로고침이 발생하지 않도록 SPA(Single Page Application) 형태로 구성하여 앱과 같은 부드러운 사용자 경험(UX)을 제공하고자 했습니다.
• Supabase Realtime: 별도의 복잡한 WebSocket 서버를 구축하고 유지보수하는 대신, BaaS의 실시간 채널 기능을 활용하여 저지연(Low-latency) 1:1 매칭과 양방향 라이브 채팅을 신속하고 안정적으로 구현했습니다.

👨‍💻 역할 및 기여도 (My Role & Contributions)

• 팀 리딩 및 PM: 6인 규모 팀의 총괄 팀장으로서 애자일 방식의 스프린트 일정을 리드하고 기술 스택 조율, 요구사항 분석 및 데이터베이스(PostgreSQL) 스키마 전반 설계를 총괄했습니다.
• 실시간 통신 엔진 개발: Supabase Realtime 채널을 활용해 1:1 대전 매칭 대기열(Queue) 관리와 게임 룸 생성, 양방향 라이브 인게임 채팅을 개발했습니다.
• 💡 주도한 핵심 아이디어 (게이미피케이션 엔진 설계): 단순 퀴즈 풀이를 넘어 유저가 잔존할 수 있도록 난이도별 가중치가 적용된 경험치 산정 공식 및 실시간 뱃지/업적 시스템 설계를 주도하여 재미와 보상이라는 심리적 요소를 기술적으로 정교하게 구현했습니다.

📈 결과 및 성과

• 동시 접속 환경에서의 실시간 동기화 오차율 대폭 완화: 브로드캐스팅 주기와 메타데이터 구조 경량화를 통해 네트워크 페이로드 감소
• 퀴즈 이탈율 제어: 즉각적인 리액션 피드백과 실시간 랭킹 변동을 통해 재미 중심의 사용자 흐름(Flow) 유지
• 6인 프로젝트의 안정적인 릴리즈 이행: 일정 관리 가시화 및 명세서 일치 작업을 통해 일정 딜레이 없이 마일스톤 달성

스터디 모집, 팀 빌딩, 체계적인 일정 관리 및 파일 공유를 지원하는 통합 관리 솔루션

• 기간: 2025.07 ~ 2025.08 (5주)
• 기여: 6인 팀 (본인 기여도: DB 설계 30%, 개발 20%)
• 기술: Java    Spring Boot    MyBatis    OracleDB    React    AWS S3
• 링크: GitHub Frontend  ·  GitHub Backend

💡 기획 배경 및 목표

• 진행 배경: 기존 스터디 모임은 소통(카카오톡/슬랙), 일정 공유(구글 캘린더), 학습 아카이빙(노션) 등으로 서비스가 파편화되어 있어 정보 유실 및 관리 복잡도가 매우 높았습니다.
• 프로젝트 목표: 모집부터 스케줄링, 자료 보관, 과제 제출까지 스터디 생애 주기 전반을 한 곳에서 원스톱으로 관리하는 '올인원 협업 워크스페이스' 구현을 목표로 설정했습니다.

🏗️ 기술 및 아키텍처 도입 배경

• Spring Boot & OracleDB: 다수의 유저 및 스터디 그룹 간의 복잡한 권한 처리(접근 제어)와 일정, 파일 등의 관계형 데이터를 안정적이고 무결성 있게 다루기 위해 엔터프라이즈급 생태계인 Spring Boot 환경을 채택했습니다.
• AWS S3: 스터디원들이 공유하는 대용량 학습 자료 및 이미지 파일들을 웹 서버(WAS) 부하 없이 안전하게 분산 저장하고 로드하기 위해 클라우드 스토리지를 연동했습니다.

👨‍💻 역할 및 기여도 (My Role & Contributions)

• 통합 대시보드 및 시각화 개발: Spring Boot 백엔드 API를 설계하고 React와 비동기 연동하여, 유저가 참여 중인 다중 스터디의 주간 일정과 상태 정보를 한눈에 볼 수 있는 '통합 데이터 대시보드' 인터페이스를 전담 구현했습니다.
• 사용자 보안 모듈 구축: 안전한 파일 송수신을 위해 AWS S3 업로드 시 pre-signed URL 패턴을 활용하고, 확장자 및 화이트리스트 기반의 검증 인터셉터를 구축했습니다.
• 💡 주도한 핵심 아이디어 (전역 공통 모달 아키텍처): 다수의 상세 기능이 팝업 및 레이어 모달(Modal) 형태로 빈번하게 활용되는 UX 특성상 코드 중복도가 높음을 포착했습니다. 이에 **리액트 전역 상태 관리와 연동한 '표준화된 전역 공통 모달(Modal) 아키텍처'**를 제안 및 설계하여 팀원들의 프론트엔드 UI 생산성을 비약적으로 높였습니다.

📈 결과 및 성과

• 프론트엔드 모달 관련 코드 중복률 70% 감소: 전역 모달 아키텍처 패턴을 표준화하여 신규 모달 작성 시간 단축 및 유지보수 편의성 극대화
• 대용량 일정 조회 최적화: 캘린더 파싱 단계에서의 데이터 튜닝을 통해 누적 일정 데이터 로딩 시의 프레임 드랍(Frame drop) 현상을 완전 제거하여 매끄러운 60fps 인터랙션 확보
• 스토리지 보안 강화 및 WAS 리소스 세이브: AWS S3 Direct Upload 패턴 적용을 통한 미디어 자원 처리 시간 절약

© 2026 bitedogo. All rights reserved.