Frontend Engineer
Tech Stack
Frontend
일관되고 효율적인 개발 경험(DX)를 중요하게 생각힙니다. AsyncBoundary(Suspense + ErrorBoundary)를 활용하여 로딩·에러를 외부에 선언적으로 위임하여 비즈니스 로직에만 집중할 수 있는 컴포넌트 구성을 선호하며, FSD 구조를 통해 요구사항 변경에 유연하게 대응 가능한 설계를 선호합니다. 이 외에도 반응형, 다국어 대응, 공통 컴포넌트 설계 및 개발 등에 대한 경험이 있습니다.
AI
AI를 통해 경험과 사고를 확장하는 것을 즐기며, AI를 도구(IDE/Agents/Search 등)로서 다양한 실무 활용과 기본적인 RAG 구축/실험 경험이 있습니다.
Backend
사이드 프로젝트나 BFF를 위한 Node.js/NestJS CRUD/REST API 및 간단한 서버 로직 구현 경험이 다수 있습니다.
DevOps
모노레포·컨테이너 기반 배포 환경(Vercel/AWS/홈서버)을 구축·운영했습니다.
Experience
LG전자
BS통합관제 프로젝트
- 공통 컴포넌트 재사용 기반을 구축해 B2B 서비스별 중복 구현으로 증가한 유지보수 부담을 줄였고, Storybook 기반 공통 라이브러리로 배포 단위를 표준화했습니다.
- Unity 화면 전환 시 메모리 점유 이슈를 통제해 체감 끊김을 줄였고, 인스턴스 생명주기 제어와 FE-Unity 메시지 프로토콜로 실행 컨텍스트를 동기화했습니다.
교육용 태블릿 관제 프로젝트
- 단방향 의존성 규칙(Pages → Features → Entities)으로 핵심 로직을 격리해 요구사항에 따른 변경 범위를 제한하고 버그 발생을 줄였습니다.
- Fetch/Mutation 에러 처리 전략을 분리해 Fetch 에러는 원거리에서 일괄 처리하고 Mutation 에러는 액션 인접 컴포넌트에서 처리해 전역 에러 UX 일관성과 복구 가능성을 확보했습니다.
의료용 모니터 관제 프로젝트
- API 호출을 UI에서 분리한 Query 레이어로 일원화해 컴포넌트가 성공 케이스에 집중하도록 구성했고, 동일 엔티티 중복 호출 제거 + TanStack Query 캐싱/공유 + 2분 주기 재호출(revalidate) 정책을 한 곳에서 관리하도록 표준화했습니다.
- Suspense + ErrorBoundary로 로딩·에러를 선언적으로 위임한 AsyncBoundary 패턴을 적용해 상태별 UI를 분리 렌더링했고, 초기 대시보드 화면 렌더 시간(LCP)을 10초 이상에서 5초 내외로 단축했습니다.
- 8개 국어 1,000+ key 리소스 변환을 자동화해 검수/반영 병목을 줄였고, JSON <-> 엑셀 수작업을 dot notation 평탄화 스크립트로 대체했습니다.
Activities
- 쉐도우 커미티 상반기·연간 우수 활동자로 선정되었고, MS 본부 내 제품 기획/UX 개선 안건 발굴과 리뷰에 참여했습니다.
- 서비스플랫폼개발담당 공모전 우수상을 수상했고, 자사 제품 개선 아이디어를 실행 가능한 안건으로 구체화했습니다.
올바름
조경수 플랫폼 유지보수 및 기능 개선
- 서비스 중단 없이 기능 개선을 지속해 안정성을 유지했고, 인프라 비용 점검으로 불필요 리소스를 정리했습니다.
퍼널 마케팅 플랫폼 리드
- 마케팅 퍼널 운영 체계를 구축하기 위해 기획·디자인·개발·지원사업 대응을 단일 오너로 리드했습니다.
- 캠페인 리드타임을 단축하기 위해 SMS 연동, 랜딩 페이지, 폼 기능을 구현해 반복 업무를 자동화했습니다.
소셜 그라운드
초기 스타트업 실무 담당
- 초기 서비스 운영 체계를 정착시키기 위해 개발팀 운영, 지원사업 대응, 외주 관리, 특허 출원을 주도했습니다.
- 학생-기업 매칭 서비스 기본 흐름을 구축하기 위해 ESG 매칭 플랫폼 요구사항 정의와 핵심 화면/기능 구현을 담당했습니다.
밀레코리아
사내 업무 자동화 프로그램 개발
- 정산·최저가 스크래핑·재고 관리를 자동화해 반복 수작업과 오류를 줄이고 운영 흐름을 표준화했습니다.
패밀리몰/CS 시스템 구축
- 약 3만 명 사용자와 3억 원 이상 매출이 발생하는 온라인 채널을 구축해 패밀리몰 운영 기반을 마련했습니다.
- 고객 문의를 단일 채널로 통합하기 위해 카카오톡 연계 CS 시스템을 구축했습니다.
Personal Projects
- Next.js 16 App Router 기능(Server Components + Server Actions)을 적극 활용해 API 레이어를 단순화하고 화면/비즈니스 로직 수정 속도를 높였습니다.
- 권한 오용을 방지하는 데이터 접근 규칙을 명시해 매칭/등록 플로우의 안전성을 확보했고, Supabase RLS 정책과 방장/등록자 권한 분리로 애플리케이션·DB 이중 검증을 구현했습니다.
- Next.js 16 기반 i18n/캐싱 기능(next-intl + IP 로케일 감지, React cache() + unstable_cache())을 적극 적용해 다국어 진입을 자동화하고 DB 부하를 줄였습니다.
- 백엔드(NestJS)와 프론트엔드(Next.js)를 Turborepo 모노레포로 통합해 API/타입 변경을 공유 패키지로 동기화했고, 타입 불일치와 중복 구현을 줄여 개발 효율성을 높였습니다.
- 재사용 가능한 프론트엔드 레이어를 정착해 화면 추가 시 중복 구현을 줄였고, FSD 구조(entities/features/widgets), i18n, 공유 패키지(@repo/ui, @repo/api-client)로 API 연동 규칙을 표준화했습니다.
- 모노레포 아키텍처: Turborepo + pnpm workspace 기반 apps(blog/resume/llm) + packages(ui/shared/config) 구조를 설계하고, 공유 패키지로 여러 Next.js 앱 간 재사용성과 개발 효율을 높였습니다.
- blog: MDX 파일 시스템 기반 콘텐츠 관리, sitemap/robots/JSON-LD/동적 OG 이미지 등 SEO 최적화, Mermaid 다이어그램과 관리자 에디터를 지원했습니다.
- resume: 데이터 기반 이력서 웹앱을 구현하고, html-to-image + jsPDF 기반 PDF 다운로드, 다크/라이트 모드, 반응형 레이아웃을 제공했습니다.
- llm: Gemini + Qdrant 기반 RAG 답변 서비스를 구축해 블로그/이력서 콘텐츠를 벡터 검색하고, 출처가 포함된 스트리밍 답변을 제공했으며 Docker Compose로 배포했습니다.
- 월 이미지 비용을 $32+에서 $5 수준으로 절감해 트래픽 증가 구간의 운영 부담을 낮췄고, AWS S3를 Cloudflare Images로 전환하며 10MB 업로드 제한과 image variant를 적용했습니다.
- 초기 렌더링 체감 속도와 다국어 진입 경험을 개선해 이탈 구간을 줄였고, Next.js SSR + 스켈레톤 로딩과 locale middleware 기반 자동 리다이렉션을 구현했습니다.
- 전체 인프라 비용을 10% 이상 절감해 서비스 지속 운영 여력을 확보했고, Vercel(프론트엔드) + Supabase(DB) 구조에서 백엔드 ARM 전환과 certbot/nginx HTTPS 구성으로 ALB 비용을 제거했습니다.
Education
숭실대학교
2017.03 ~ 2024.02AI융합학부
Community
Google Developer Group
2022.09 ~ 2024.02프론트엔드 실험과 프로젝트 협업을 통해 기술 선택 근거를 축적한 대학 개발자 커뮤니티
- 여러 FE 스택 비교 기준을 정리해 기술 선택 근거를 만들었고, 프레임워크 유무별 투두앱 구현과 세미나/코드잼을 운영했습니다.
- 팀 프로젝트 협업 경험을 구조화하기 위해 구글 솔루션 챌린지 SSUNG DELIVERY와 GDSC 페스티벌 WOW meet에서 역할 분담과 결과 공유를 진행했습니다.
GDXC
2024.06 ~ 진행 중재학생-졸업생 연결을 통해 실무 지식 전파 구조를 만든 개발자 커뮤니티 창립 멤버
- 네트워킹 접점을 정례화해 재학생과 졸업생 간 정보 교류 채널을 운영했습니다.
- 기술 Q&A 기반 지식 순환 구조를 운영해 실무 이슈 해결 사례를 커뮤니티에 확산했습니다.
Awards
- LG전자 SI 공모전 우수상 수상
- 숭실대학교 소프트웨어공모전 총장상
- Pre 스타트업 선정 (Sendee)
- 카카오 관광데이터 활용 공모전 장려상
- 창업유망팀 300 경진대회 성장트랙 선정
- 숭실대학교 Pre 스타트업 선정 (플로지다)
- 두드림 프로그램 우수상
- 캠퍼스 CEO 캡스톤 어워즈 종합대상
- 예비창업패키지 선정
- 숭실대학교 Pre스타트업 선정 (매에컴퍼니)
- 스타트업 in 동작 선정
- 메이커톤 위드캠프 1위
- 메이커페어 전시회 참여
- 교내 경진대회 장려상