PORTFOLIO / 2026

사용자와 동료의 경험을 고민합니다.
신민혁

디자인, 기술, 그리고 사용자 경험이 만나는 지점에서
디지털 경험을 만들어가는 소프트웨어 개발자입니다.

1999.08.29

Seoul

CURRENTLY

Software Engineer

@ 재미스튜디오

2026.03 — 현재

FOCUS

ReactTypeScriptNext.jsSupabasePostgreSQL

Experience

제품과 팀에 기여하며 짧은 시간에 빠르게 성장한 경험을 가지고 있습니다.

재미스튜디오정규직

소프트웨어 엔지니어

서울2026.03 – 현재

주요 성과

Lattice — VC·스타트업 투자 운영 SaaS 플랫폼
- TIPS 프로그램 운영 기능 개발: 차시 관리·시작 기업 선택, 추천권 자동 생성·소진 현황, 자료 제출 단계별 제어, 담당 심사역/조력자 권한별 동작 분기
- Track 도메인 신규 구축: VC가 외부 오픈이노베이션 프로그램을 운영하기 위한 어드민 UI + OPEN API 풀스택 개발, 워크스페이스 단위 API 키 발급 및 Bearer 토큰 인증
- 공개 신청·자료 제출 시스템: 단계별 양식 동적 생성, 첨부 파일 presigned URL 발급, 신청서 재편집·재제출 흐름, NCP SENS 알림톡 자동 발송, Resend 운영자 알림 메일 연동
- 프론트엔드·백엔드 풀스택 개발 (Next.js 16 App Router, React 19, Supabase PostgreSQL + RLS + Edge Functions, TanStack Query)
InBodyLIKE — 인바디×블루포인트 헬스케어 오픈이노베이션 홈페이지
- 기획·디자인 협업부터 배포까지 100% 단독 개발: 메인 히어로/프로그램/혜택/타임라인/CTA·신청 모달·문의 모달·마이페이지·인증 페이지 전부 구현
- Lattice OPEN API 연동: Lattice에서 인증 시스템 기반 OPEN API를 개발하여 프로그램 신청·문의·자료 제출 데이터를 어드민 대시보드에서 단일 관리
- 인증/회원 흐름: 카카오 OAuth + 이메일 회원가입(Resend 커스텀 인증 메일), Supabase SSR 세션·프로필 보완, 회원 탈퇴 API, 사업자번호 형식·체크섬 검증
- 성능·SEO·분석: Next.js 16 App Router, OG/Twitter 메타·sitemap·robots, GA4 + Google Tag Manager + Google Ads 연동, Pretendard 로컬 폰트 최적화, Vercel ICN1 리전 배포

사용 기술

Next.js 16React 19TypeScriptTailwind CSS v3SupabasePostgreSQLEdge FunctionsTanStack QuerySWRResendVercel

Lukuku정규직

프론트엔드 개발자 (FILA 브랜드 공식 홈페이지)

서울2025.12 – 2026.02

주요 성과

FILA Renewal
- 상품 리스트(PLP) 렌더링 파이프라인 마이그레이션: Shopify Search API SSR(Liquid HTML 반환) + DOM 재정렬 3단계 구조 → 자체 V2 API + 클라이언트 렌더링 1단계 구조로 축소
- PLP 성능 최적화 결과: 컬렉션 페이지 로딩 2초+ → 0.5초로 약 75% 단축, Shopify Search API 왕복 지연 300~800ms 완전 제거, LCP·INP 지표 개선
- 대규모 데이터 처리: 컬렉션당 100+ 상품 응답을 JWT 세션 기반으로 서버사이드에서 가격 계산·visibility(임직원/지인/일반) 필터링·사이즈 그룹핑까지 일괄 처리, Two-tier 캐싱으로 동일 요청 0ms 응답
- 상품 상세(PDP) 핵심 기능 개발: Shopify Section Rendering 기반 컬러 스와치 프리로딩·캐싱 시스템, 모델 비교 섹션, 핏 & 스펙 가이드, Try-on 가상 착화 버튼, Crema 리뷰 통합, Rectangle(프로모션) PDP 분기 렌더링
- 매장 안내 페이지 신규 구축: 네이버 지도 연동, 사용자 위치 기반 거리 계산·정렬, 브랜드/지역 필터링, 대표 매장 모바일 캐러셀, 주변 매장 재고 조회 모달 구현
- 메인·검색·헤더/푸터 리뉴얼: 히어로 슬라이드쇼, Launches·Trending Now·Styling With Fila 모달, 모바일 GNB 백드롭, 검색 페이지 V2 Search API + CSR 전환, 사업자 정보 토글 푸터
- 공통 품질 개선: PLP/PDP 품절 처리 로직을 isSoldOut 메타필드 기반으로 일원화, GIF 썸네일 지원, QUICK ADD 바텀시트, FE/BE 렌더링 구조 기술 문서 작성

사용 기술

Shopify LiquidJavaScriptWeb ComponentsReact 19CSS3Section Rendering APINaver Maps APISwiperVercel

어포나티 주식회사정규직연구원

프론트엔드 개발자

서울2025.01 – 2025.09

주요 성과

김프로 - 웹소설 특화 AI 번역기 (B2B, B2C): Next.js 14 기반 관리 시스템 구축, Toss SDK 연동 결제 페이지 개발, 실시간 번역 진행률 5단계 프로세스 구현
링크뷰 - AI 기반 웹 접근성 솔루션 (B2B): Next.js 15 기반 관리 시스템 구축, Tailwind CSS v3 → v4 마이그레이션, 라우트 그룹 기반 권한 관리 시스템 설계
IVERY - 웰니스 라이프 성경 앱: Flutter 프레임워크를 활용한 크로스플랫폼 모바일 앱 개발, iOS/Android 동시 지원
8개 관리자 모듈 핵심 기능 개발 및 재사용 컴포넌트 아키텍처 설계로 개발 효율성 향상

사용 기술

Next.js 14Next.js 15React 18React 19TypeScriptTailwind CSS v4FlutterDartContext APIToss SDK

오즈코딩스쿨용역 계약

프론트엔드 코드리뷰 멘토

재택2025.09 – 2025.10

주요 성과

FE 11기 익스턴십 야간 PR 멘토로 웹 프로그래밍 부트캠프 수강생들의 코드리뷰 진행
React, TypeScript, JavaScript 기반 프로젝트 코드 검토 및 품질 향상 가이드 제공
개발 베스트 프랙티스 멘토링을 통한 주니어 개발자 성장 지원

사용 기술

ReactTypeScriptJavaScriptHTML5CSS3Code ReviewMentoring

프리랜서용역 계약

웹 개발자 (외주)

재택2025.03 – 2025.11

주요 성과

사물의 의회 2025 프로젝트: Next.js 기반 반응형 홈페이지 설계 및 개발로 MAU 최대 1,350명 달성
검색엔진 최적화(SEO) 구현으로 구글, 네이버 검색결과 최상단 노출 달성
사용자 로그인 기능 추가 구현 및 게시판 시스템 신규 개발
Firebase에서 Supabase로 데이터베이스 마이그레이션 수행 및 지속적인 서비스 유지보수

사용 기술

Next.jsTypeScriptFirebaseSupabaseTailwind CSSSEODatabase Migration

Education

개발을 시작한 이례로 빈틈없이 학습과 성장을 쌓아가고 있습니다.

청년취업사관학교수료

AI 고객응대 프로젝트 기반 풀스택 AI 개발자 양성과정

서울2025.09 - 2026.02

주요 성과 및 활동

웹 프론트엔드 개발: HTML, CSS, JavaScript, React.js, Next.js를 활용한 웹 UI 구현
웹 백엔드 및 데이터 처리: Java 기반 OOP, JDBC, SQL, Spring Boot, Spring Security, JPA를 통한 백엔드 및 데이터베이스 설계
AI 서비스 및 생성형 모델 활용: Prompt Engineering, GPT 구조 활용, LangChain, FastAPI, Hugging Face 등을 이용한 AI 서비스 개발
프로젝트 중심 실습: AICC UI 설계, CRM 백오피스 구축, AI 서비스 설계 및 통합을 통한 실무형 프로젝트 수행