Front-End engineer

About the role

파트리지시스템즈는 AI 시대, 폭증하는 데이터를 '가볍고 빠르게' 처리하는 데이터옵스(DataOps) 및 에이아이옵스(AIOps) 플랫폼을 개발하여 데이터 인프라의 새로운 표준을 만들어갑니다. 자율주행, 스마트팩토리 등 물리적 세계에서 발생하는 거대한 데이터 병목 현상을 해결하기 위해, 국내 유일의 피지컬 AI 데이터옵스 플랫폼 데이터반(databahn)을 구축하고 있습니다. 독자적인 경량화 기술로 글로벌 리더들의 신뢰를 받는 파트너로 성장 중인 파트리지시스템즈에서, 글로벌 수준의 데이터 플랫폼 프론트엔드 웹 서비스를 함께 만들어갈 팀원을 찾습니다.

What you'll do

• 자율주행·센서 데이터 플랫폼 웹 서비스(관제/데이터 적재 콘솔)의 프론트엔드 기능 개발 및 운영
• LiDAR·Radar·Camera·GPS·Video 등 다중 센서 데이터의 실시간 스트리밍 시각화 기능 개발 (WebSocket·Protobuf 기반 스트리밍, Three.js/WebGL·Canvas(Konva) 렌더링)
• 대용량 파일 업로드·적재(ingest) 및 진행률·속도·이력 실시간 모니터링 콘솔 개발
• 데이터 파이프라인, 이벤트 모델·시나리오, 라벨링, 통계, 어드민 등 도메인 화면·기능 개발
• 사내 디자인 시스템(공통 UI 컴포넌트 라이브러리) 컴포넌트 개발·유지보수 및 Storybook 문서화, 여러 앱에서의 활용
• 모노레포(pnpm·Turborepo) 환경에서 공통 컴포넌트를 활용한 화면 구현 및 재사용성 개선
• 글로벌 고객사 요구사항에 맞춘 멀티테넌트 기능 구현 및 대응
• 대용량 실시간 데이터의 렌더링·메모리·네트워크 성능 이슈 분석 및 개선
• 테스트 작성 및 검증 파이프라인 참여 (Playwright E2E, 요구사항 기반 테스트케이스)
• 코드 리뷰에 적극 참여하고, 디자인·백엔드·데이터 등 타 직군과 협업하여 요구사항을 화면으로 구현


이렇게 일합니다 (AI-native 개발 문화)
우리는 AI 코딩 에이전트를 개발 하네스(harness) 위에서 적극 활용합니다. 단순히 AI를 "쓰는" 것을 넘어, 에이전트가 안전하고 일관되게 개발할 수 있도록 규칙·검증·회고 체계를 직접 설계하고 그 위에서 함께 개발합니다.

- 규칙의 코드화: FSD 아키텍처, API·상태 관리·네이밍·접근성(a11y)·다국어(i18n) 등 팀 컨벤션을 에이전트가 읽는 규칙과 자동 가드로 관리
- 요구사항 검증 파이프라인: 자연어 요구사항(REQ)을 테스트 케이스(TC)와 Playwright E2E로 자동화하고, 커버리지 매트릭스로 증빙까지 이어지는 검증 루프 운영
- 정형화된 작업 흐름: 계획 실행 검증 산출 회고(retrospect)로 이어지는 개발 파이프라인을 스킬로 정의해 반복 가능하고 추적 가능한 개발 지향

AI 하네스 경험이 없어도 괜찮습니다. 도구에 열려 있고 더 나은 개발 방식을 함께 만들어갈 의지가 있는 분이면 충분합니다.

Requirements

• 경력: 프론트엔드 개발 경력 3년 이하
• 핵심 기술 역량
- React + TypeScript(strict) 기반 서비스 개발 경험
- 모노레포(pnpm, Turborepo 등) 및 전체 프론트엔드 구조(상태 관리, 라우팅 등)에 대한 이해
- UI 라이브러리 또는 디자인 시스템을 활용한 화면 구현 경험
• 문제 해결 능력
- 복잡한 요구사항을 단순한 UI 구조로 재설계하고, 성능 문제(렌더링, 메모리, 네트워크 등)를 개선한 경험
- 장애 대응 및 문제 원인 분석(RCA) 경험
• 협업: 코드 리뷰에 적극적으로 참여하고, 타 직군과 협업하여 요구사항을 함께 정리·구현할 수 있는 분
• 소프트 스킬
- 글로벌 커뮤니케이션에 두려움이 없고 고객 지향적인 마인드를 가진 분
- 복잡한 문제를 주도적으로 정의하고 논리적으로 해결할 수 있는 분
- 변화를 두려워하지 않고 서비스의 지속적인 발전을 위해 노력하는 분

주요 사용 기술
• Core: React 18, JavaScript / TypeScript 5.x (strict)
• Framework/Library: Vite 5/6, React Router Dom v6
• State & Data: React Query(TanStack v5), Zustand (신규 표준), Recoil (기존 앱)
• Realtime & Data: WebSocket, Protobuf, Axios
• Visualization: Three.js(WebGL), Konva(Canvas), GoJS, amCharts 5, Google Maps
• UI/UX: 자체 디자인 시스템, Emotion, TailwindCSS, Storybook
• Forms: React Hook Form + Zod
• Testing: Playwright (E2E)
• DX/DevOps: Turborepo, Changesets, tsup, plop, GitHub Actions (CI/CD), Docker, GCP(Artifact Registry)
• Desktop: Electron

Preferred qualifications

• 실시간 스트리밍 UI 또는 고성능 UI(WebWorker, Canvas, WebGL 등) 개발 경험
• 대용량 데이터 처리·업로드 및 시각화 경험
• 디자인 시스템/공통 컴포넌트 라이브러리 구축·배포(Storybook, Changesets 등) 경험
• Figma 연동, 디자인 토큰 자동화 등 디자인-개발 협업 도구 경험
• 빌드/배포/테스트 환경 개선 및 모니터링 도구(Sentry, Datadog) 활용 경험
• 클라우드(GCP 등) 기반 CI/CD 파이프라인 운영 경험
• 테스트 작성 및 품질 지표 관리에 대한 관심과 경험
• 새로운 기술 스택 학습·도입에 적극적인 분
• FE 아키텍처 표준, 코딩 가이드 정립에 기여해 본 경험
• AI 코딩 에이전트(예: Claude Code) 활용 또는 개발 하네스·자동화 워크플로우 개선 경험

Benefits

- ‘님’으로 소통하는 수평적인 문화
- 유연 근무제
- 효율적인 업무를 위한 최신 기기 지원
- 커피, 차, 간식 제공
- 명절선물 및 생일선물 상품권 지급
- 자기계발비 지원 (도서 구입비, 인터넷 강의 및 세미나 참여비)

Hiring process

• 서류전형 ＞ 1차 면접(실무진) ＞ 2차 면접(경영진 면접) ＞ 처우협의 ＞ 최종합격
• 병역특례 대상자는 전직/편입 가능 여부 확인을 위해 병역사항 관련 서류 확인 절차가 추가될 수 있습니다.
※ 제출하신 내용에 허위 사실이 포함된 경우 채용이 취소될 수 있습니다.