Frontend Engineer

Tech Stack

Frontend

React·Next.js·TypeScript·TanStack Query·Tailwind·Storybook

일관되고 효율적인 개발 경험(DX)를 중요하게 생각힙니다. AsyncBoundary(Suspense + ErrorBoundary)를 활용하여 로딩·에러를 외부에 선언적으로 위임하여 비즈니스 로직에만 집중할 수 있는 컴포넌트 구성을 선호하며, FSD 구조를 통해 요구사항 변경에 유연하게 대응 가능한 설계를 선호합니다. 이 외에도 반응형, 다국어 대응, 공통 컴포넌트 설계 및 개발 등에 대한 경험이 있습니다.

AI

Codex·Claude code·v0·Cursor·Oh my opencode·Kiro·RAG

AI를 통해 경험과 사고를 확장하는 것을 즐기며, AI를 도구(IDE/Agents/Search 등)로서 다양한 실무 활용과 기본적인 RAG 구축/실험 경험이 있습니다.

Backend

Node.js·NestJS·REST API

사이드 프로젝트나 BFF를 위한 Node.js/NestJS CRUD/REST API 및 간단한 서버 로직 구현 경험이 다수 있습니다.

DevOps

Turborepo·Docker·Vercel·AWS

모노레포·컨테이너 기반 배포 환경(Vercel/AWS/홈서버)을 구축·운영했습니다.

Experience

LG전자

2024.01 ~

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 개선 안건 발굴과 리뷰에 참여했습니다.
  • 서비스플랫폼개발담당 공모전 우수상을 수상했고, 자사 제품 개선 아이디어를 실행 가능한 안건으로 구체화했습니다.
대학 졸업

올바름

2022.02 ~ 2023.02 (대학 재학 중)

조경수 플랫폼 유지보수 및 기능 개선

  • 서비스 중단 없이 기능 개선을 지속해 안정성을 유지했고, 인프라 비용 점검으로 불필요 리소스를 정리했습니다.

퍼널 마케팅 플랫폼 리드

  • 마케팅 퍼널 운영 체계를 구축하기 위해 기획·디자인·개발·지원사업 대응을 단일 오너로 리드했습니다.
  • 캠페인 리드타임을 단축하기 위해 SMS 연동, 랜딩 페이지, 폼 기능을 구현해 반복 업무를 자동화했습니다.

소셜 그라운드

2021.07 ~ 2022.01 (대학 재학 중 / 공동 창업)

초기 스타트업 실무 담당

  • 초기 서비스 운영 체계를 정착시키기 위해 개발팀 운영, 지원사업 대응, 외주 관리, 특허 출원을 주도했습니다.
  • 학생-기업 매칭 서비스 기본 흐름을 구축하기 위해 ESG 매칭 플랫폼 요구사항 정의와 핵심 화면/기능 구현을 담당했습니다.

밀레코리아

2020.12 ~ 2021.06 (대학 재학 중)

사내 업무 자동화 프로그램 개발

  • 정산·최저가 스크래핑·재고 관리를 자동화해 반복 수작업과 오류를 줄이고 운영 흐름을 표준화했습니다.

패밀리몰/CS 시스템 구축

  • 약 3만 명 사용자와 3억 원 이상 매출이 발생하는 온라인 채널을 구축해 패밀리몰 운영 기반을 마련했습니다.
  • 고객 문의를 단일 채널로 통합하기 위해 카카오톡 연계 CS 시스템을 구축했습니다.

Personal Projects

Lemme Blind Date

모바일 우선 UX와 권한 안전성을 검증한 지인 네트워크 기반 매칭 서비스

2026.02 ~
  • 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 부하를 줄였습니다.

What's in Whale's Wallet?

SEC 13F 데이터 기반으로 기관 포트폴리오를 탐색하는 FE 중심 분석 서비스

2026.01 ~
  • 백엔드(NestJS)와 프론트엔드(Next.js)를 Turborepo 모노레포로 통합해 API/타입 변경을 공유 패키지로 동기화했고, 타입 불일치와 중복 구현을 줄여 개발 효율성을 높였습니다.
  • 재사용 가능한 프론트엔드 레이어를 정착해 화면 추가 시 중복 구현을 줄였고, FSD 구조(entities/features/widgets), i18n, 공유 패키지(@repo/ui, @repo/api-client)로 API 연동 규칙을 표준화했습니다.

itjustbong 플랫폼

Turborepo 모노레포 기반으로 콘텐츠·이력서·LLM 서비스를 운영하는 개인 플랫폼

2025.12 ~
  • 모노레포 아키텍처: 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로 배포했습니다.

피키버스

이상형 월드컵 제작/공유 서비스에서 성능·비용·다국어 UX를 검증한 크로스 플랫폼

2025.01 ~
  • 월 이미지 비용을 $32+에서 $5 수준으로 절감해 트래픽 증가 구간의 운영 부담을 낮췄고, AWS S3Cloudflare Images로 전환하며 10MB 업로드 제한과 image variant를 적용했습니다.
  • 초기 렌더링 체감 속도와 다국어 진입 경험을 개선해 이탈 구간을 줄였고, Next.js SSR + 스켈레톤 로딩locale middleware 기반 자동 리다이렉션을 구현했습니다.
  • 전체 인프라 비용을 10% 이상 절감해 서비스 지속 운영 여력을 확보했고, Vercel(프론트엔드) + Supabase(DB) 구조에서 백엔드 ARM 전환과 certbot/nginx HTTPS 구성으로 ALB 비용을 제거했습니다.

Education

숭실대학교

2017.03 ~ 2024.02

AI융합학부

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

봉승우

Frontend Engineer
itjustbongitjustbong[email protected]
https://resume.itjustbong.com/ 주소에서 볼 수 있습니다.

Tech Stack

Frontend

React·Next.js·TypeScript·TanStack Query·Tailwind·Storybook

일관되고 효율적인 개발 경험(DX)를 중요하게 생각힙니다. AsyncBoundary(Suspense + ErrorBoundary)를 활용하여 로딩·에러를 외부에 선언적으로 위임하여 비즈니스 로직에만 집중할 수 있는 컴포넌트 구성을 선호하며, FSD 구조를 통해 요구사항 변경에 유연하게 대응 가능한 설계를 선호합니다. 이 외에도 반응형, 다국어 대응, 공통 컴포넌트 설계 및 개발 등에 대한 경험이 있습니다.

AI

Codex·Claude code·v0·Cursor·Oh my opencode·Kiro·RAG

AI를 통해 경험과 사고를 확장하는 것을 즐기며, AI를 도구(IDE/Agents/Search 등)로서 다양한 실무 활용과 기본적인 RAG 구축/실험 경험이 있습니다.

Backend

Node.js·NestJS·REST API

사이드 프로젝트나 BFF를 위한 Node.js/NestJS CRUD/REST API 및 간단한 서버 로직 구현 경험이 다수 있습니다.

DevOps

Turborepo·Docker·Vercel·AWS

모노레포·컨테이너 기반 배포 환경(Vercel/AWS/홈서버)을 구축·운영했습니다.

Experience

LG전자

2024.01 ~

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 개선 안건 발굴과 리뷰에 참여했습니다.
  • 서비스플랫폼개발담당 공모전 우수상을 수상했고, 자사 제품 개선 아이디어를 실행 가능한 안건으로 구체화했습니다.
대학 졸업

올바름

2022.02 ~ 2023.02 (대학 재학 중)

조경수 플랫폼 유지보수 및 기능 개선

  • 서비스 중단 없이 기능 개선을 지속해 안정성을 유지했고, 인프라 비용 점검으로 불필요 리소스를 정리했습니다.

퍼널 마케팅 플랫폼 리드

  • 마케팅 퍼널 운영 체계를 구축하기 위해 기획·디자인·개발·지원사업 대응을 단일 오너로 리드했습니다.
  • 캠페인 리드타임을 단축하기 위해 SMS 연동, 랜딩 페이지, 폼 기능을 구현해 반복 업무를 자동화했습니다.

소셜 그라운드

2021.07 ~ 2022.01 (대학 재학 중 / 공동 창업)

초기 스타트업 실무 담당

  • 초기 서비스 운영 체계를 정착시키기 위해 개발팀 운영, 지원사업 대응, 외주 관리, 특허 출원을 주도했습니다.
  • 학생-기업 매칭 서비스 기본 흐름을 구축하기 위해 ESG 매칭 플랫폼 요구사항 정의와 핵심 화면/기능 구현을 담당했습니다.

밀레코리아

2020.12 ~ 2021.06 (대학 재학 중)

사내 업무 자동화 프로그램 개발

  • 정산·최저가 스크래핑·재고 관리를 자동화해 반복 수작업과 오류를 줄이고 운영 흐름을 표준화했습니다.

패밀리몰/CS 시스템 구축

  • 약 3만 명 사용자와 3억 원 이상 매출이 발생하는 온라인 채널을 구축해 패밀리몰 운영 기반을 마련했습니다.
  • 고객 문의를 단일 채널로 통합하기 위해 카카오톡 연계 CS 시스템을 구축했습니다.

Personal Projects

Lemme Blind Date

https://lemmeblind.date

모바일 우선 UX와 권한 안전성을 검증한 지인 네트워크 기반 매칭 서비스

2026.02 ~
  • 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 부하를 줄였습니다.

What's in Whale's Wallet?

https://whales-wallet.com

SEC 13F 데이터 기반으로 기관 포트폴리오를 탐색하는 FE 중심 분석 서비스

2026.01 ~
  • 백엔드(NestJS)와 프론트엔드(Next.js)를 Turborepo 모노레포로 통합해 API/타입 변경을 공유 패키지로 동기화했고, 타입 불일치와 중복 구현을 줄여 개발 효율성을 높였습니다.
  • 재사용 가능한 프론트엔드 레이어를 정착해 화면 추가 시 중복 구현을 줄였고, FSD 구조(entities/features/widgets), i18n, 공유 패키지(@repo/ui, @repo/api-client)로 API 연동 규칙을 표준화했습니다.

itjustbong 플랫폼

https://itjustbong.com

Turborepo 모노레포 기반으로 콘텐츠·이력서·LLM 서비스를 운영하는 개인 플랫폼

2025.12 ~
  • 모노레포 아키텍처: 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로 배포했습니다.

피키버스

https://pickiverse.com

이상형 월드컵 제작/공유 서비스에서 성능·비용·다국어 UX를 검증한 크로스 플랫폼

2025.01 ~
  • 월 이미지 비용을 $32+에서 $5 수준으로 절감해 트래픽 증가 구간의 운영 부담을 낮췄고, AWS S3Cloudflare Images로 전환하며 10MB 업로드 제한과 image variant를 적용했습니다.
  • 초기 렌더링 체감 속도와 다국어 진입 경험을 개선해 이탈 구간을 줄였고, Next.js SSR + 스켈레톤 로딩locale middleware 기반 자동 리다이렉션을 구현했습니다.
  • 전체 인프라 비용을 10% 이상 절감해 서비스 지속 운영 여력을 확보했고, Vercel(프론트엔드) + Supabase(DB) 구조에서 백엔드 ARM 전환과 certbot/nginx HTTPS 구성으로 ALB 비용을 제거했습니다.

Education

숭실대학교

2017.03 ~ 2024.02

AI융합학부

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