Project brief
프로젝트 내용
프로젝트 개요 :
- 보안솔루션 리뉴얼 구축
- FE 구인
계약 일정 :
- 고급 : 10월 12일 투입 ~ 12월 31일 종료 ( 약 2.5 개월 )
- 중급 : 11월 2일 투입 ~ 12월 31일 종료 ( 약 2개월 )
근무 장소 :
- 서울 성동구 성수동
계약 방식 :
- 위임계약
모집 인원 :
- FE 고급 1명 : 월 550 ~ 650만 원 ( 인터뷰 시 협의 가능 )
- FE 중급 2명 : 월 500 ~ 550만 원 ( 인터뷰 시 협의 가능 )
역할 :
- 고급 : 핵심·고난도 화면 개발(시각화, 실시간, 에디터·캔버스), 공통 컴포넌트 개발, API 연동
- 중급 : 화면 개발
세부 일정 :
1) 10월 12일 ~ 10월 30일 1차 개발
2) 11월 2일 ~ 12월 18일 2차 개발 및 알파
3) 12월 21일 ~ 12월 31일 안정화 및 마무리
기술 스택 :
- 언어 : TypeScript, React 19
- 스타일링 : styled-components
- 데이터·상태 : TanStack Query, Table, Virtual, zustand, zod, react-hook-form
- 다국어 : i18next, react-i18next
- 시각화 : ECharts, echarts-gl, D3, three.js
- 에디터·캔버스 : Monaco, Tiptap, React Flow(@xyflow), dagre, libavoid-js(WASM)
- 통신 : axios, SSE, WebSocket
- 툴 : Vite, npm workspaces, Turborepo
- 디자인시스템 : Storybook, Figma, 사내 SDK(npm 패키지)
- 배포 : Bamboo, Docker, Kubernetes, nginx, 사내 npm 레지스트리, Bitbucket
- 협업 : Jira, Confluence
- AI 코딩 도구 : Claude Max (Claude Code)
FE 고급 필수 역량 :
- React·TypeScript 실무 (고급 수준)
- 렌더링·이벤트 흐름 진단, 서버 상태(TanStack Query)와 클라이언트 상태(zustand)를 구분한 구현
- styled-components 등 CSS-in-JS와 Storybook 기반 공통 컴포넌트 개발
- Figma 시안 해석과 디자이너 커뮤니케이션
- SSE·WebSocket 기반 실시간 화면 구현
- 번들 크기와 런타임 성능 개선
- Claude Max 요금제로 Claude Code를 사용해 개발 (구독 필수 - 요금 지원 가능)
- AI 코딩 도구 실무 경험, 하네스·컨텍스트 엔지니어링과 생성 결과 검증
- Jira 기반 이슈·일정 관리, Confluence 기반 문서 공유
FE 중급 필수 역량 :
- React·TypeScript 실무
- styled-components 등 CSS-in-JS로 컴포넌트 구현
- TanStack Query, react-hook-form, zod 기반 화면 개발
- Figma 시안과 공통 컴포넌트를 활용한 화면 구현
- Swagger 명세 기반 API 연동
- Claude Max 요금제로 Claude Code를 사용해 개발 (구독 필수 - 요금 지원 가능)
- AI 코딩 도구 실무 경험, 하네스·컨텍스트 엔지니어링과 생성 결과 검증
- Jira 기반 이슈·일정 관리, Confluence 기반 문서 공유
FE 고급 우대 사항 :
- ECharts·D3·three.js 시각화 또는 React Flow·Monaco·Tiptap 에디터·캔버스 구현
- AI 모델 추론 API 연동과 결과 해석·시각화, AI 개발자와의 협업
- OIDC SSO 로그인 흐름과 JWT 토큰 처리 (갱신, 만료)
- 러시아어처럼 길이가 크게 늘어나는 언어의 다국어 적용
- npm workspaces·Turborepo 모노레포, 사내 SDK 패키지 사용 경험
- SIEM·SOAR·관제 등 보안 제품 개발 경험
FE 중급 우대 사항 :
- TanStack Table·Virtual 기반 대용량 목록 화면
- ECharts 차트 구현
- SSE·WebSocket 실시간 화면
- i18next 다국어 적용
- 보안 제품 개발 경험
기타 사항 :
- Claude Max 비용 지원 가능합니다.
- 고급과 중급의 투입 일자가 다릅니다. 확인 후 지원해주세요.