Frontend Engineer

WE ARE LOOKING FOR THE BEST

About Us

42dot은 소프트웨어와 AI로 모빌리티 문제를 해결하기 위해 노력하는 모빌리티 AI 기업입니다. 현대자동차그룹 글로벌 소프트웨어 센터로서, 42dot은 소프트웨어 정의 차량 개발을 선도하며 미래 모빌리티를 개척하고 있습니다.

Agentic AI Platform 팀은 LLM 기반 서비스의 운영 가시성(Observability)을 확보하고, 비용·속도·품질 지표를 실시간으로 관측·제어하는 Agentic AI Console 플랫폼을 설계·개발하고 있습니다. 관리자 대시보드, RBAC 기반 어드민 콘솔, Grafana 임베딩 시각화 등 복잡한 운영 도구의 프론트엔드를 주도적으로 설계하고 구현할 프론트엔드 엔지니어를 찾고 있습니다.

Responsibilities

- Next.js 14+ (App Router, TypeScript) 기반 Agentic AI Console 웹 애플리케이션 설계 및 개발

- 대시보드 UI 구현 (Grafana IFrame 임베딩 + Recharts 커스텀 차트)

- RBAC(SuperAdmin/Admin/Operator/Viewer) 기반 어드민 관리 페이지 개발

- TanStack Query(서버 상태) + Zustand(클라이언트 상태) 기반 상태 관리 설계

- Console API(FastAPI)와의 RESTful/JSON:API 연동 및 BFF 패턴 적용

- 회원 관리, 미터링 조회, 알림 설정, 리포트 뷰어 등 도메인별 UI 구현

- SSE/WebSocket 기반 실시간 데이터 스트리밍 UI 처리

- Google IAM(OIDC/JWT) 기반 인증 플로우 구현

- 디자인 시스템 수립 및 컴포넌트 라이브러리 구축

- 프론트엔드 빌드·배포 파이프라인 최적화 (Turbopack, Docker)

Qualifications

- 프론트엔드 개발 7년 이상 경험

- Next.js (App Router) 및 TypeScript 기반 프로덕션 서비스 개발·운영 경험

- React 상태 관리 라이브러리 (TanStack Query, Zustand, Redux 등) 실무 활용 경험

- RESTful API 연동 및 비동기 데이터 패칭 패턴에 대한 깊은 이해

- 복잡한 데이터 테이블, 폼, 필터링 UI 등 어드민/대시보드 도구 개발 경험

- 데이터 시각화 라이브러리(Recharts, D3.js, Chart.js 등) 활용 경험

- 웹 성능 최적화 (SSR/CSR 혼합, 코드 스플리팅, 번들 최적화) 경험

- 반응형 웹 및 크로스 브라우저 호환성 처리 경험

- 문제 해결을 위한 논리적 사고와 기술적 리더십

- 적극적으로 의견을 제시하고 팀원들과 원활히 소통할 수 있는 능력

Preferred Qualifications

- Grafana 대시보드 임베딩 또는 IFrame 기반 외부 시각화 도구 통합 경험

- RBAC 기반 권한 제어 UI 설계 및 구현 경험

- SSE(Server-Sent Events) 기반 실시간 스트리밍 UI 구현 경험

- JSON:API 스펙 기반 API 연동 경험

- OAuth 2.0 / OIDC 기반 인증 플로우 구현 경험

- 디자인 시스템 또는 UI 컴포넌트 라이브러리 설계·구축 경험

- Storybook 등 컴포넌트 문서화 도구 활용 경험

- 모노레포(Turborepo 등) 환경에서의 프론트엔드 프로젝트 관리 경험

- GitOps(ArgoCD, Flux 등) 기반 배포 환경 경험

- Docker/Kubernetes 환경에서의 프론트엔드 빌드·배포 경험

- E2E 테스트 (Playwright, Cypress 등) 구축 경험

- 애자일(Agile) 및 스크럼(Scrum) 방식의 협업 경험

Interview Process

- 서류전형 - 코딩테스트 - 화상면접 (1시간 내외) - 대면 혹은 화상면접 (3시간 내외) - 최종합격

- 전형절차는 직무별로 다르게 운영될 수 있으며, 일정 및 상황에...