01ENGINEERING PRACTICE
Product UI & Design Systems
주문·결제·예약처럼 상태가 자주 바뀌는 화면을 설계하고 공통 규칙을 웹과 앱의 컴포넌트로 옮깁니다.
사례
SellerBox V3의 신규 주문부터 반품까지 일곱 가지 상태를 공통 테이블과 상태별 처리 로직으로 나눴습니다.
EXPERIENCE & APPROACH
About.
경험과 일하는 방식
웹과 React Native를 오가며 제품을 만드는 프론트엔드 개발자 김준섭입니다.
CirclePlatform에서는 주문과 매장 운영 서비스를 개발했습니다. 지금은 WALDLUST에서 여러 브랜드의 프론트엔드를 개발하고 네이티브 앱 소스를 관리하고 있습니다. React Native 앱 구조와 브랜드별 빌드·배포 시스템을 설계·운영하고 있습니다.
IN PRACTICE
How I Work
화면 구현부터 앱 구조와 배포까지, 실제 프로젝트에서 맡았던 일을 소개합니다.
- 02ENGINEERING PRACTICE
Web × Native Architecture
React Native와 WebView, 네이티브 브리지의 역할을 나눠 앱의 전체 구조를 설계하고 운영합니다.
사례
매머드커피 점주앱은 업무 화면을 Next.js에 두고 푸시·딥링크·권한·보안 저장소와 앱 시작은 React Native 셸이 맡도록 구성했습니다.
- 03ENGINEERING PRACTICE
Release Engineering
변경 범위에 따라 스토어 배포와 OTA를 나누고 팀에서 계속 사용할 수 있는 배포 체계를 만듭니다.
사례
SellerBox에서는 Codemagic과 Fastlane을 연결해 iOS·Android 각각의 개발·운영 빌드, 총 네 가지 배포를 자동화했습니다.
- 04WORKING METHOD
AI-assisted Development & Verification
Codex와 Claude로 코드를 탐색하고 반복 구현과 테스트 초안을 작성합니다. 변경 범위와 검증 결과는 직접 확인합니다.
사례
포트폴리오 개편에서는 프로젝트 콘텐츠와 갤러리를 정리하고 콘텐츠 스키마·모션·접근성 테스트를 보강하는 데 활용했습니다.