장형원 | Frontend Developer

<aside> ✅

커머스 스타트업에서 프론트엔드를 전담하며 소비자 커머스부터 판매자 백오피스까지 7개 서비스를 개발·운영했고, 퇴사 후에는 AI 코딩 도구를 활용해 개인 서비스 4건을 기획부터 배포까지 완성했습니다. 그중 하나는 App Store에 출시해 운영 중입니다. 화면을 만드는 데서 그치지 않고 결제·정산·주문처럼 틀리면 안 되는 흐름을 끝까지 책임지는 프론트엔드 개발자입니다.

</aside>

Frontend Developer · React / Next.js / TypeScript · 경력 2년 6개월 (2022.09 ~ 2025.03, 플로잉스페이스 주식회사 · 구 ㈜티피코리아) + 인턴 1개월

✉️ [email protected] · 📱 010-3480-9633 (문자 선호, 통화는 사전 조율 부탁드립니다) · GitHub · Blog

소개

결제·주문·정산처럼 틀리면 안 되는 흐름을 프론트에서 끝까지 책임져 본 개발자입니다. 기획자가 없는 팀에서 요구사항을 직접 받아 화면으로 만들고 운영까지 굴려봤고, 2년 반 동안 5개 서비스에 5,600여 커밋을 남겼습니다. 퇴사 후에는 실무에서 채우지 못했던 백엔드·모바일·배포까지 개인 프로젝트로 직접 경험했고, AI 코딩 도구를 감독자 입장에서 쓰는 개발 방식을 익혔습니다. 프론트엔드가 주력이지만 필요하면 API 설계나 서버 구현도 맡을 수 있는 개발자가 되는 것이 목표입니다.

지금까지는 혼자 판단하고 혼자 책임지는 환경이 길었습니다. 그래서 다음 회사에서는 코드 리뷰를 주고받고 제 코드를 남에게 설명하는 경험을 가장 먼저 쌓고 싶습니다.

한눈에 보기

커머스 풀사이클: 상품 탐색 → 장바구니 → 주문/결제(TossPayments → NicePay 전환, 카카오/네이버페이) → 배송 → 환불/반품 → 정산·세금계산서 리포트까지 실제 운영 서비스로 구현 (월 약 1,000건 주문 규모)
성능 개선: 프로필 링크 페이지 초기 렌더링 평균 7~8초 → 3~4초 (API 분리 + defer/Suspense + 코드 스플리팅) — 개선기 블로그
복잡 UI 구현력: 드래그앤드롭 블록 빌더(dnd-kit), MUI X Data Grid Pro 대용량 그리드, FullCalendar 캘린더, 택배사별 커스텀 엑셀 내보내기(ExcelJS), 리치 텍스트 에디터
유일한 프론트엔드 개발자: 개발팀 5명(프론트 1·백엔드 3·앱 1) 중 프론트 전담, 기획자 부재 환경에서 요건 정의부터 배포·운영·안정화까지 직접 담당 — 5개 핵심 리포지토리 커밋의 **84%(약 5,600건)**가 본인 커밋
백엔드·모바일 이해: 개인 프로젝트로 NestJS·Prisma/TypeORM·PostgreSQL·AWS S3·React Native(Expo)까지 직접 구축 — 서버 개발자와 API 설계 단계부터 같은 언어로 협업 가능
출시 경험: 요미가나 특화 마크다운 노트 앱 Justdown을 직접 기획·개발해 App Store 심사 통과(v1.0 → v1.0.1), 같은 코드베이스로 macOS(Tauri) 확장 중
AI 활용 개발: Claude Code 등으로 Next.js 15/16·React 19 등 최신 스택을 빠르게 학습·적용, 기획부터 클라우드 배포까지 완주

기술 스택

<aside>

범례 — ✅ 실무에서 검증 · 🧪 개인 프로젝트에서 사용

</aside>

분류	기술
언어	✅ TypeScript, JavaScript(ES6+), HTML5, CSS3
프론트엔드	✅ React 18, Next.js 14(App Router), Vite · 🧪 Next.js 15/16, React 19, Radix UI, TanStack Query 5, TipTap
상태관리 / 폼	✅ Zustand, React Hook Form, Axios · 🧪 TanStack Query(서버 상태·캐싱·낙관적 업데이트)
UI / 스타일링	✅ MUI 5, MUI X Data Grid Pro, Tailwind CSS, SCSS/Sass, Emotion · 🧪 Tailwind CSS 4, react-native-reanimated
모바일 / 데스크톱	🧪 React Native 0.81, Expo SDK 54, expo-router, expo-av, react-native-web, Tauri, EAS Build · App Store 출시 경험
백엔드	🧪 NestJS 11, Next.js API Routes, Node.js, REST API 설계
DB / ORM	🧪 PostgreSQL, Prisma 6, TypeORM
인증	✅ 소셜 로그인, 토큰 기반 세션(인터셉터 자동 갱신) · 🧪 Clerk, NextAuth.js, Google/Apple 로그인, OAuth 2.0, JWT
결제 / 외부 연동	✅ TossPayments, NicePay, 카카오페이/네이버페이, 다음 우편번호 · 🧪 Cheerio, Svix Webhook, Google Gemini API
클라우드 / 인프라 / CI	✅ AWS Amplify, GitHub Actions 배포 워크플로우 · 🧪 AWS S3, Vercel, Railway, Neon
데이터 처리	✅ ExcelJS, CryptoJS, DOMPurify, date-fns/moment
모니터링 / 분석	✅ Sentry, Google Analytics 4, 커스텀 클릭 로깅 · 🧪 DB 기반 에러 로깅
테스트	✅ Vitest · 🧪 Jest, React Testing Library, Supertest
협업 / 기타	✅ Git(멀티 브랜치·머지·리베이스), 커밋 컨벤션, Swagger 기반 API 협의, Figma/FigJam·Zeplin · 🧪 ESLint, Prettier, i18n, Turborepo 모노레포