백승현
작업

전체 프로젝트

기능을 만든 과정과 그때의 경험을 함께 정리했습니다.

SSUPICK

2026

SSUPICK

라이브

AI 캐릭터 이미지 기반 아바타 소개팅 웹 서비스. 실사진 노출 없이 AI 변환 이미지로 프로필 카드를 등록·조회하는 축제 기간 MVP 서비스.

AI 이미지 변환을 실제 서비스에 붙이고 프롬프트로 톤을 맞춰 축제 2일(오프라인 1일, 온라인 1일)간 운영했습니다. PG 결제 → 계좌이체 전환으로 출시 리스크를 줄여, 부스 당일 143명 가입·프로필 등록 전환율 44%(63명)를 만들었습니다.

ReactTypeScriptClaude Codegemini-nano bananaVercel
PO / 프론트엔드 보조 / 디자인 · 홍보 및 마케팅
ssungBTI

2025

ssungBTI

라이브

숭실대학교 마스코트 '슝슝이' + MBTI 테스트를 결합한 참여형 홍보 콘텐츠. 이벤트 기간 GA 기준 MAU 3,200명을 달성했습니다.

3일로 압축된 일정에서 '무엇을 먼저 낼지'를 MoSCoW로 합의해 데드라인 내 배포하고, 혼자 기획·개발·운영·측정까지 맡아 GA 기준 MAU 3,200명을 달성했습니다.

Next.jsTypeScriptRecoilGoogle AnalyticsVercel
기획 리드 + 프론트엔드 단독 개발
monit

2026

monit

라이브

내 소비의 거품을 빼다. 지출을 기록할 때 '금액'뿐 아니라 '소비 당시의 상황'을 함께 남기고, 시간이 지난 후 그 소비의 효용을 다시 입력받아 소비의 맥락과 만족도를 분석 리포트로 보여주는 가계부 서비스.

하이브리드 앱의 상태·캐시·렌더링 문제를 구조로 해결하며, 0→1 세팅부터 배포·QA까지 5개 도메인을 담당했습니다.

Next.jsTypeScriptvanilla-extractTanStack QueryZustandZodkyStorybookreact-swipeabledate-fns
프론트엔드 개발 (2인)
SSUPORT

2026

SSUPORT

진행 중

모두의 특별장학금, 가장 든든한 서포터. 특별장학금 신청 과정을 디지털로 전환하여 서류 제출부터 평가까지 편리하게 관리하는 숭실대학교 특별장학금 전용 웹 서비스.

여러 앱이 공유하는 코드의 일관성 문제를 모노레포·공용 패키지 7개·FSD 도메인 설계로 풀고, 파일 미리보기 3종 뷰어를 직접 구현했습니다.

ReactTypeScriptpnpm workspaceTurborepoEmotionLefthookMixpanelGA4
프론트엔드 개발 (3인)
badcn/ui

2026

badcn/ui

라이브

shadcn/ui를 패러디한 적대적 UI 컴포넌트 라이브러리. 만우절 해커톤에서 기획하고, 당일 내 npm 패키지 배포까지 완료했습니다.

해커톤 당일 내 npm 배포(badcn-ui@0.1.3, 4버전 릴리즈) 완료. 16개 hostile-ui 컴포넌트 라이브러리.

ReactTypeScriptViteTailwind CSSnpm publish
초기 세팅 + 컴포넌트 개발 + npm 배포
안심쉼터

2024

안심쉼터

아카이브

기후 위기 대피소 탐색 서비스. 바텀시트 렌더링 성능을 Chrome Performance Trace로 정량 진단하고, RunTask −42.75%·Layout −70.28%를 달성했습니다.

바텀시트의 렌더링 jank를 감이 아닌 Chrome Performance Trace 수치로 진단해, RunTask −42.75%·Layout −70.28%를 달성했습니다.

ReactTypeScriptIntersectionObserverCSS transform
프론트엔드 개발
그린스파크

2024

그린스파크

아카이브

에너지 효율 조회·전기세 예측 웹앱. 디자인 확정 후 다중 팝업을 단일 바텀시트로 통합하는 UX 개선안을 Figma 시안과 코드로 제안해 팀 공통 컴포넌트로 채택되었습니다.

다중 팝업 → 단일 바텀시트 통합을 레퍼런스 분석 + Figma 시안 + 코드로 제안, 팀 전체가 공통 UX 컴포넌트로 채택. ESD 공모전 동상 수상.

Next.jsTypeScript
프론트엔드 개발