Frontend Dev.
Tech Stack
Frontend
React·Next.js·TypeScript·TanStack Query·Tailwind·Storybook
FSD/AsyncBoundary 등으로 구조 설계, 로딩/에러 UX 개선. 반응형/다국어/공통 컴포넌트 설계 경험.
Backend
Node.js·NestJS·REST API
CRUD/REST API 연동 및 간단한 서버 로직 구현 가능.
DevOps
Turborepo·Docker·Vercel·AWS
모노레포/컨테이너 환경 이해 및 배포/운영 경험.
AI
Cursor·Opencode·Kiro·RAG
다양한 AI IDE/Agents를 실무 활용. 기본적인 RAG 구축/실험 경험 보유.
Experience
LG전자
BS통합관제 프로젝트
- 공통 컴포넌트 라이브러리 구축: 여러 B2B 서비스의 중복 컴포넌트 구현으로 인한 유지보수 비용 증가 문제를 공통 라이브러리 설계/구현 및 Storybook 도입으로 해결, 재사용 기반 마련
- Unity WebGL 임베딩 최적화: 페이지 이동 후 Unity 인스턴스 메모리 점유 문제를 생명주기 제어로 해결, 로딩 Overlay 추가 및 프론트엔드-Unity 간 메시지 프로토콜 정의로 실행 컨텍스트 동기화 구현
교육용 태블릿 관제 프로젝트
- FSD 아키텍처 도입: 단일 데이터 소스 중복 사용으로 인한 사이드 이펙트 문제를 FSD 구조 및 피처 단위 로직 분리로 해결, 변경 영향 범위 명확화
- 전역 에러 핸들링 표준화: 컴포넌트별 에러 처리 불일치 문제를 TanStack Query 전역 에러 핸들링 및 일원화된 UI(모달/에러 화면)로 해결, 일관된 에러 UX 제공
의료용 모니터 관제 프로젝트
- API 호출 최적화: 여러 피처의 동일 엔티티 중복 호출 문제를 TanStack Query 기반 캐싱/공유 구조로 해결, 전역 에러 핸들링 및 2분 주기 재호출 로직 표준화
- AsyncBoundary 기반 로딩 UX 개선: 느린 외부 API로 인한 전체 페이지 블로킹 문제를 Suspense + ErrorBoundary 및 스켈레톤 UI 도입으로 해결, LCP 및 체감 로딩 속도 개선
- 다국어(i18n) 리소스 변환 자동화: 8개 국어 1,000+ key JSON과 엑셀 간 수작업 변환 문제를 dot notation 평탄화 스크립트 구현으로 해결, 검수/적용 프로세스 효율화
- 반응형 레이아웃 안정화: 화면 축소 시 텍스트 겹침/overflow 반복 문제를 Tailwind 기반 반응형 레이아웃 적용으로 해결
Activities
- 쉐도우 커미티: MS 본부 내 제품 기획/UX 개선 활동 참여, 상반기 및 연간 우수 활동자 선정
- 리인벤트 간사: 팀/담당/실 단위 월별 행사 기획/운영, 조직 문화 및 소통 활성화 기여
- 아이디어 공모전: 자사 제품 개선 아이디어 제안, 서비스플랫폼개발담당 공모전 우수상 수상
올바름
조경수 플랫폼 유지보수 및 기능 개선
- 인프라/운영 관점에서 비용 효율화에 집중하여 서비스 안정적 운영
퍼널 마케팅 플랫폼 리드
- 기획/디자인/개발/지원사업 대응까지 전반을 책임지고 진행
- SMS 발송 연동, 랜딩 페이지 및 폼 기능 개발로 캠페인 운영 효율 향상
소셜 그라운드
초기 스타트업 실무 담당
- 개발팀 운영/지원사업/외주 관리/특허 출원 등 서비스 전반 설계/운영
- ESG 매칭 플랫폼 기획/개발: 학생과 기업을 연결하는 플랫폼 기획/개발로 서비스 기본 골격 구축
밀레코리아
사내 업무 자동화 프로그램 개발
- 정산/최저가 스크래핑/재고 관리 자동화로 반복 업무 감소 및 정확도 향상
패밀리몰/CS 시스템 구축
- 약 3만 명 사용자, 3억 원 이상 매출 발생하는 온라인 채널 구축
- 카카오톡 연계 CS 플랫폼 개발로 고객 응대 흐름 개선
Personal Projects
- 풀스택 모노레포 구축: Turborepo 기반 NestJS 백엔드 + Next.js 프론트엔드 운영, Python ETL 파이프라인으로 SEC EDGAR XML 파싱 및 PostgreSQL 적재
- 프론트엔드 아키텍처 설계: FSD 구조(entities/features/widgets), i18n, 공유 패키지(@repo/ui, @repo/api-client) 적용으로 타입 안전한 API 연동 및 재사용 가능한 구조 구현
- DB 없는 콘텐츠 관리: Next.js + MDX 기반 파일 시스템 콘텐츠 관리, 정적 빌드 및 Vercel 무료 플랜 운영
- SEO 최적화: sitemap, robots, JSON-LD, 동적 OG 이미지, Mermaid 다이어그램 지원
- 모노레포 플랫폼 확장 및 MFA Ready: Turborepo + pnpm 기반 apps(blog/resume/llm/shell) + packages(ui/shared/config) 구조로 여러 Next.js 앱 간 재사용성 및 개발 효율 향상
- 크로스 플랫폼 서비스 구축: Flutter(iOS/Android) + Next.js(Web) 기반 서비스 개발, 웹뷰 활용으로 로그인/게임 생성 등 공통 기능 재사용, Fastlane 기반 앱 배포 자동화
- 이미지 저장/트래픽 비용 최적화: AWS S3에서 Cloudflare Images로 전환, 업로드 용량 제한(10MB) 및 화면별 해상도 최적화(image variant) 적용으로 월 비용 $32+ → $5 수준으로 절감
- 프론트엔드 성능/UX 개선: Next.js SSR + 스켈레톤 로딩으로 초기 렌더링 속도 개선, i18n 및 locale middleware 구현으로 사용자 선호 언어 기반 자동 리다이렉션 지원
- 인프라 비용 최적화: Vercel(프론트엔드) + Supabase(DB) 활용, 백엔드 ARM 기반 전환 및 certbot/nginx 직접 HTTPS 구성으로 ALB 비용 제거, 전체 인프라 비용 약 10% 이상 절감
Education
숭실대학교
2017.03 ~ 2024.02AI융합학부
GPA: 4.17창업, 성적, 비전 장학금 및 수상
Community
Google Developer Group
2022.09 ~ 2024.02대학생 개발자들의 기술 스터디 및 프로젝트 커뮤니티
- 프레임워크 없는(있는) 프론트엔드 스터디: 다양한 FE 스택으로 투두앱 구현, 세미나/코드잼 진행, 스택 장단점 분석 및 패키지 매니저 비교
- 세상을 바꾸는 프론트엔드 스터디: 프론트엔드 트렌드/인사이트 공유, 실무 고민 논의
- 팀 프로젝트: 구글 솔루션 챌린지 SSUNG DELIVERY, GDSC 페스티벌 WOW meet 프로젝트 진행
GDXC
2024.06 ~ 진행 중재학생과 졸업생을 잇는 개발자 커뮤니티 창립 멤버
- 네트워킹: 졸업생/재학생 네트워킹 파티 운영
- 개발 문화 공유: 직장인들의 회사별 개발 문화/프로세스 소개
- 기술 공유: 기술 및 정보 공유, Q&A 세션 진행
Awards
2025
- LG전자 SI 공모전 우수상 수상
2023
- 숭실대학교 소프트웨어공모전 총장상
- Pre 스타트업 선정 (Sendee)
- 카카오 관광데이터 활용 공모전 장려상
- 창업유망팀 300 경진대회 성장트랙 선정
2022
- 숭실대학교 Pre 스타트업 선정 (플로지다)
2021
- 두드림 프로그램 우수상
- 캠퍼스 CEO 캡스톤 어워즈 종합대상
- 예비창업패키지 선정
- 숭실대학교 Pre스타트업 선정 (매에컴퍼니)
- 스타트업 in 동작 선정
2018
- 메이커톤 위드캠프 1위
- 메이커페어 전시회 참여
- 교내 경진대회 장려상
Articles & Media
2021.07캠퍼스 CEO 육성사업 제2회 캡스톤어워즈
2021.12한큐플랜트 플랫폼 런칭
2022.11GDSC LMS 개선 프로젝트 세미나 발표
2022.12ESG 관련 역량과 실무 ... 스타트업 '소셜그라운드'
Patents
Method For Providing Local Advertisement Including Advertiser Business Place
Mixed Beverage Manufacturing and Ordering Service Delivery System
Beverage Dispensing System