👋 Hi, I'm bitedogo

📍 위치: 대한민국 서울 🇰🇷

💼 직무: 풀스택 개발자 (Full Stack Developer)

💻 사용 언어: JavaScript, TypeScript, Java, Dart

🎯 핵심 기술: 확장성 있는 웹 애플리케이션 및 하이브리드 API 아키텍처 설계

✨ 가치관: 아이디어를 코드를 통해 현실로 만들어내는 과정에 몰입합니다.

개발 기간: 2025.10 ~ 현재 (진행 중)
서비스 소개: 앨범 단위 리뷰, 커뮤니티 게시판, 오늘의 앨범 등 음악 감상 기록과 리스너 간의 취향 교감을 제공하는 웹 서비스

• 음악 검색 및 홈: 아티스트 검색(자동완성), 슬라이드바(추천/선정 앨범 마퀴 카드), 오늘의 앨범 탭 운영
• 깊이 있는 평론: 싱글 위주가 아닌 0~10점 평점 기반의 '앨범 단위 리뷰' 작성 및 실시간 평균 평점 집계
• 소통 커뮤니티: 국내/해외 음악 담론 게시판, 창작자 피드백용 워크룸, LP/CD 등 음악 물품 장터 운영
• 사용자 관리: NextAuth 활용 이메일/Google 로그인, 프로필·리뷰 기록·즐겨찾기 관리 마이페이지 제공
• 어드민 어플리케이션: 리뷰 승인 워크플로, 오늘의 앨범/슬라이드바/공지사항 편집 시스템 구현

• 풀스택 핵심 개발: Next.js·Supabase 기반의 음악 탐색 백엔드 기능 및 리뷰 CRUD 전담 구현
• 데이터 집계 및 연동: 유저 평점 실시간 집계 연산 처리, 타인 피드 프로필 탐색 로직 구축
• 소셜 로그인 및 인프라: NextAuth.js 연동 환경 설계 및 Vercel(icn1 리전)을 통한 배포 및 운영

• 게시글 조회수 새로고침 연타 및 본인 글 조회수 조작 문제
  • 문제상황: 사용자가 새로고침(F5)을 무한 연타하거나, 본인이 작성한 글을 계속 클릭하여 조회수를 비정상적으로 조작할 수 있는 취약점이 있었습니다. 이로 인해 데이터 신뢰도가 떨어지고 서버 자원이 낭비되었습니다.
  • 해결방안: 브라우저 세션(sessionStorage)에 게시글 방문 기록을 먼저 남겨 새로고침 연타 시 서버 요청 자체를 가지 못하게 막았습니다. 또한, 서버 API에서 현재 로그인한 유저 ID와 글쓴이 ID를 비교하여 본인의 글일 경우 조회수 카운트가 올라가지 않도록 검증 시스템을 구축해 어뷰징을 완전히 차단했습니다.
• 다양한 외부 음원 데이터 결합 시 발생한 검색 느림 현상
  • 문제상황: 여러 개의 외부 음원 API를 동시에 불러오는 과정에서 응답 속도가 느려져 검색창이 멈추거나 화면이 깨지는 현상이 있었습니다.
  • 해결방안: 두 API를 따로 처리하지 않고 동시에 한 번에 호출하는 병렬 처리 방식으로 전환하여 검색 시간을 대폭 줄였으며, 데이터 포맷을 하나로 가공하는 결합 레이어를 두어 화면이 끊김 없이 안정적으로 그려지도록 구현했습니다.

• 공식 웹 사이트: www.comeonoru.com
• GitHub Repository: github.com/bitedogo/ourmusicreview

개발 기간: 2025.05 ~ 2025.07
서비스 소개: 기초 문법부터 고급 개념까지 한 손으로 즐기는 웹/모바일 반응형 자바 프로필 학습 플랫폼

• 단계별 퀴즈 시스템: 주제별(변수, 제어문 등) 및 난이도별(초급/중급/고급) 체계적인 자바 프로그래밍 학습 환경 구축
• 1:1 실시간 대전: 정적인 문서 풀이 방식을 탈피하여 사용자 간 실시간 퀴즈 배틀 및 양방향 라이브 채팅 소통 기능 구현
• 게임화 요소: 학습 성과를 가시화해 줄 업적 획득, 랭킹 시스템 및 개인 정답률 통계 시각화 피드백 제공
• 사용자 커스텀 퀴즈: 학습자가 직접 문제를 직접 출제하고 공유할 수 있는 커뮤니티 기반 콘텐츠 공간 지원

• DB 최적화 및 어드민: PostgreSQL 관계 데이터 모델을 다듬고 관리자용 회원 통합 조회·검색 시스템 구축
• 게임화 시스템 개발: 문제 난이도에 맞춰 유저 경험치가 오르고 업적이 달성되는 시스템 설계
• 실시간 소통 인프라: 실시간 퀴즈 대전 및 1:1 매칭 시 사용자들이 끊김 없이 소통할 수 있는 실시간 채팅 기능 개발

• 여러 사용자가 동시에 대전 진입 시 화면 싱크가 밀리는 현상
  • 문제상황: 많은 유저가 실시간 퀴즈 대전에 동시에 참여할 때, 정답 데이터 전송 속도가 밀려 사용자 간의 화면 싱크가 맞지 않는 문제가 발생했습니다.
  • 해결방안: 데이터베이스의 실시간 알림 구독 범위를 꼭 필요한 정보 단위로만 쪼개고, 데이터 전송 횟수를 적절히 제한하여 유저들이 실시간으로 완전히 동일한 속도로 문제를 풀 수 있도록 동기화했습니다.

• 서비스 링크: hyunsuplee.github.io/JavaNyang/
• GitHub Repository: github.com/hyunsupLee/JavaNyang
• Presentation (PPT): JavaNyang 발표자료
• 시연 영상: YouTube 링크

개발 기간: 2025.07 ~ 2025.08 (5주)
서비스 소개: 스터디 모집부터 팀 프로젝트로의 확장, 체계적인 일정 관리까지 원스톱으로 지원하는 통합 관리 솔루션

• 권한 기반 그룹 관리: 지역·주제별 필터 탐색 시스템 및 스터디장 전용 권한 분리(캘린더 제어 및 멤버 승인/거절)
• 직관적인 일정 컴포넌트: FullCalendar 라이브러리를 활용한 개인/그룹 스케줄 드래그 앤 드롭 실시간 진척 관리
• 협업 인프라 & 홍보: AWS S3 기반의 업로드 진행률이 표시되는 파일 공유 스토리지, 에디터 활용 모집 홍보판 운영

• 마이페이지 대시보드 개발: 유저별 참여 중인 스터디 및 주간 일정을 보기 편하게 시각화해 주는 통합 대시보드 화면 구현
• 프로필 정보 수정 기능: 유효성 검사를 거쳐 닉네임과 프로필 이미지를 실시간으로 바꾸는 비동기 처리 구현
• 공용 컴포넌트 표준화: 코드 중복을 줄이기 위해 프로젝트 전역에서 재사용할 수 있는 표준 모달 컴포넌트 구조화

• 많은 양의 일정을 한 번에 불러올 때 화면이 버벅이는 현상
  • 문제상황: 스터디 일정 캘린더에서 데이터베이스에 쌓인 수많은 스케줄 데이터를 한꺼번에 조회할 때, 화면이 뚝뚝 끊기거나 로딩 시간이 지나치게 길어지는 버벅임이 있었습니다.
  • 해결방안: 화면 그리기에 불필요한 무거운 데이터들을 전부 제외하고, 딱 필요한 핵심 정보만 골라내어 프론트엔드로 전달하도록 서버 코드를 고쳤습니다. 또한, 화면이 불필요하게 다시 그려지는 주기를 제어하여 가볍고 부드러운 스크롤 성능을 확보했습니다.

• GitHub Frontend: github.com/hyunsupLee/react-study-o
• GitHub Backend: github.com/hyunsupLee/tjspring
• Presentation (PPT): StudyO 발표자료
• 시연 영상: YouTube 링크

© 2026 bitedogo. All rights reserved.