Personal Projects

2022.08 ~ Current

Position

Fullstack Engineer

Period

2022.11 ~ 2024.10

Commenti - B2B SaaS Solution

SoulLink - Music Platform

Teklog - Tech Blog

Commenti

Site link

2023.06 ~ 2024.05

상품 리뷰를 손쉽게 수집·관리하는 SaaS 솔루션으로, 웹사이트에 간편히 설치하고 사용할 수 있도록 설계했습니다. 기존 피드백 제품의 번거로운 설치·사용 과정, 높은 비용, 잦은 버그 문제를 개선해 이커머스 운영자를 위한 직관적이고 안정적인 서비스를 제공하고자 했습니다.

Contribution

직관적인 사용자 경험을 위해 간편한 로그인 인증 및 리뷰 작성 기능 구현
리뷰를 쉽게 관리할 수 있도록 숨기기, 검증 기능 등 관리 도구 제공
URL 기반 자동 리뷰 수집, CSV 대량 임포트 기능을 통해 리뷰 수집 과정 개선
GitHub Actions와 S3 Client로 UMD 스크립트를 CDN에 자동 배포하고 gzipped 처리로 500ms 이내 서빙 속도 확보
PayPal API를 통한 결제·구독 및 해지 기능과 인보이스 생성 기능으로 이커머스 사용자의 결제 관리 효율화
Google Rich Result(JSON-LD)를 적용해 SEO 최적화 및 검색 가시성 향상

Commenti 메인 화면

Commenti package - 웹사이트에 설치된 리뷰 섹션

Paypal 결제

Paypal 결제 팝업 (Paypal Client)

Paypal Invoice 생성

Commenti 유저 대시보드

대시보드 - 리뷰 및 게시판 설정, 통계

대시보드 - CSV 대량 리뷰 업로드

대시보드 리뷰 통계 페이지

Process - Commenti

2024.08 ~ 2024.10

Motivation

세 가지 이유로 Commenti 프로젝트를 시작했습니다. 첫째로, 실제 시장에서 경쟁할 수 있는 제품을 만들고 싶었습니다. 이전에는 학습을 위한 토이 프로젝트를 주로 진행했지만, 이번에는 검증된 시장에서 의미 있는 도전에 나서고자 했습니다. 둘째로, 1인 개발자가 감당할 수 있는 규모의 아이디어를 찾았습니다. 시장 조사를 통해 온라인 스토어들이 리뷰 시스템에서 겪는 문제—높은 가격, 설치 어려움, 성능 이슈—를 발견했고, 이를 해결하는 '쉽게 부착할 수 있는 리뷰 시스템'을 개발하기로 결정했습니다. 마지막으로, 실제 서비스를 만드는 전 과정을 경험하고 싶었습니다. 데이터베이스 설계부터 API 개발, Paypal을 이용한 결제와 인보이스 자동화까지 풀스택 개발을 경험했고, Shadow DOM 기반의 안전한 위젯을 구현했습니다. 이 과정에서 Supabase, Next.js, React, Vite 등 현대적인 기술 스택을 활용하여 서비스를 구축했습니다. 1인 개발자로서 기획부터 배포, 운영까지 전체 제품 개발 사이클을 경험할 수 있었습니다.

프로젝트 문서화 관리 및 시장 조사 자료

개발 및 QA 태스크 관리

랜딩 페이지 Lighthouse performance

대시보드 - Amazon 자동 리뷰 수집 기능 개발

SoulLink

Site link

2023.06 ~ 2024.05

플레이리스트를 공유하는 소셜 웹앱을 개발했습니다. 유저들이 플레이리스트를 만들고, 공유하며, 재생할 수 있도록 설계되었습니다. 장기적인 운영을 목표로 사용자들의 피드백을 받아 꾸준히 성능 최적화와 사용자 경험(UX)을 개선하고 있습니다.

Contribution

1인 UX 기획부터 디자인, API, UI 개발
음악 재생 및 플레이리스트 데이터 기반 소셜 플랫폼 설계 및 구현
직관적인 UX를 고려한 UI 디자인 및 프론트엔드 개발
YouTube API 연동을 통한 곡 검색 및 플레이리스트 생성 기능 개발
사용자 데이터 분석을 통한 개인화된 플레이리스트 추천 시스템 구축

메인 페이지 - 오늘의 플레이리스트, 팔로우 관계 기반의 플레이리스트, 최근 재생 목록을 전시

Discover - 사용자의 재생, 라이크, 팔로우 기반 정보로 플레이리스트를 추천

Trending - 사용자 재생 시간, 재생 횟수, 라이크 순의 랭킹 차트를 보여주는 페이지

Profile - 유저 프로필. 유저 기반의 플레이리스트 조회, 팔로우, 수정, 방명록(비밀글) 기능 구현

Playlist 디테일 - 플레이리스트, 개별 노래 재생 및 라이크, 댓글 기능 구현

Playlist Edit - 플레이리스트 수정 모달. 플레이리스트 커버 이미지 변경, 노래 추가, 삭제 기능 구현

Create playlist - 장르, 카테고리, 제목, 커버 이미지 업로드, 유튜브 노래 검색 후 추가

Search - 키워드 기반으로 플레이리스트, 유저, 카테고리 검색. 검색 결과 필터링 기능 구현

Process - SoulLink

2023.06 ~ 2024.05

Motivation

세 가지 이유로 SoulLink 프로젝트를 시작했습니다. 첫째, 음악을 듣고 공유할 수 있는 공간이 필요하다고 생각했습니다. 여러 음악 스트리밍 서비스가 존재하지만, 이들은 파편화되어 있어 통합된 음악 중심의 소셜 플랫폼이 부족하다고 느꼈습니다. 둘째로, Next.js 14 App router와 리액트 서버 컴포넌트를 중심으로 프로젝트를 개발하여 배포하고 싶었습니다. 개발 당시 Next.js 14와 서버 컴포넌트를 실무에 적용하기엔 이른 시기였습니다. 실무에 적용하기 전, 먼저 직접 경험해보고자 프로젝트를 시작하게 되었습니다. 마지막으로 난이도 있는 프로젝트에 도전하고 싶었습니다. 음악 재생과 함께 데이터 수집을 하고, 이를 기반으로 다양한 기능을 제공하는 서비스를 설계하고 싶었습니다. 개발과정에서 사용성을 고려해 여러 기능을 추가하게 되었습니다.