ontrust-black
신규 서비스 프론트엔드 구축 (TanStack Start 기반)
회사프론트엔드 개발2026.06 — 현재
ReactTypeScriptTanStack StartTanStack RouterTanStack QueryTailwind CSSZodi18next
프로젝트 소개
OnTrust Black은 2026년 6월 초기 셋업부터 새로 시작한 사내 신규 서비스로, 메뉴·액션 단위로 세분화된 권한(RBAC)과 개인정보 마스킹 정책을 갖춘 관리자 콘솔형 웹 애플리케이션이다.
내가 한 역할
TanStack Start(React 19) 기반으로 프로젝트 초기 아키텍처를 구성하는 단계부터 참여했다. TanStack Router/Query 조합과 Tailwind v4, Zod 스키마 검증, ko/en 다국어 인프라를 갖췄고, OpenAPI 스펙 기반 API 코드 생성(orval)과 MSW 목킹 하네스를 구축해 백엔드 스펙 변경에 안전하게 대응하도록 했다.
메뉴×액션 매트릭스 기반 권한 모델을 설계하고 화면 단위 RBAC 가드를 배선했으며, 개인정보(PII) 마스킹 해제를 권한·감사 로그로 모델화했다. 타입 안전한 데이터 그리드 계약, 공용 비동기 상태(로딩/에러/빈 화면) 컴포넌트 등 팀이 공통으로 쓰는 기반 작업도 다수 맡았다. Vitest·ESLint·dependency-cruiser로 검증 파이프라인을 구성해 타입체크·린트·테스트·의존성 규칙을 한 번에 확인하도록 했다.