React 컴포넌트의 다양한 초기 상태를 Storybook 스토리로 분리해 한 번에 확인하는 방식을 소개했습니다. UI 협업과 QA에 유용하지만 엣지 케이스 작성·유지 비용과 디자인 협업이 필요합니다.
stories 폴더에 컴포넌트별 스토리 구성Counter 컴포넌트의 initCount props를 1·2·3자리 수 케이스로 분리[쿠팡페이] Staff Front-end Engineer (Rocket Pay)
쿠팡페이 · Seoul, South Korea
쿠팡페이 Rocket Pay의 PC·모바일 웹 아키텍처와 신규 결제 경험을 개발·운영하고, 디자인·코드 리뷰 및 품질 가이드를 수행합니다. 웹 프론트엔드 8년 이상 경력과 JavaScript·TypeScript 기반 프레임워크 및 웹 개발 도구 경험이 필요합니다.
[Coupang Pay] Staff Front-end Engineer (New Fintech Product)
Coupang Pay · Seoul, South Korea
쿠팡페이 간편결제 서비스의 UI를 개발·운영하고, PO·UX 디자이너·엔지니어와 협업하며 시스템·코드 리뷰에 참여합니다. 웹 프론트엔드 8년 이상 경력과 React 등 프론트엔드 기술, Webpack·Babel·Jest·Storybook 경험이 필요합니다.
프론트엔드 플랫폼 엔지니어 (Frontend Platform Engineer)
토스증권 · Seoul
대규모 트래픽 환경의 프론트엔드 성능 최적화, MFA·배포 인프라·로그·모니터링 도구 및 테스트 환경을 구축·운영합니다. 프론트엔드 개발·배포 환경을 깊이 이해하고 주도적으로 개선한 경험이 필요합니다.
#React 주제를 이어서 읽기
React 카운터를 대상으로 Cypress 설치부터 data-cy 기반 요소 선택과 클릭 검증까지 소개했습니다. 브라우저 E2E 테스트와 Jest 단위 테스트를 분리하는 전략을 검토했습니다.
