XState로 유한 상태 기계의 개념과 사용법을 장바구니 예제로 설명했습니다. React에서 상태, 컨텍스트, 액션, 가드를 어떻게 연결하는지 정리했습니다.
[AI본부] 웹 프론트엔드 엔지니어 (인턴)
넥슨코리아 · 신입 · 판교
생성형 AI 기반 제작 도구의 웹 프론트엔드를 개발하고 아키텍처를 설계하며, 캔버스형 리치 UI/UX와 디자인 시스템 구축을 담당합니다. HTML5·CSS3·JavaScript·TypeScript 및 React, 현대적 빌드·상태 관리 도구 활용 경험이 필요합니다.
[쿠팡페이] 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 경험이 필요합니다.
#JavaScript 주제를 이어서 읽기
XState로 FSM의 상태, 이벤트, 전이와 컨텍스트를 분리하는 방법을 장바구니 예제로 설명했습니다. React 훅, 가드, 액션, 비동기 서비스로 복잡한 UI 흐름을 선언적으로 관리합니다.
