복잡한 환경일수록 '표준'이 없으면 더 복잡해진다는 것을 배웠습니다.
MUI, Ag-Grid, Shadcn, Tailwind가 한 프로젝트에 섞이는 상황은 흔하지 않지만, 앞으로 점점 더 많아질 것이라 생각합니다. 이 경험이 저만의 분명한 차별점이 되었습니다.
완성도 높은 가이드가 팀의 속도를 끌어올리는 것을 직접 수치로 확인한 프로젝트입니다.
복잡한 환경일수록 '표준'이 없으면 더 복잡해진다는 것을 배웠습니다.
MUI, Ag-Grid, Shadcn, Tailwind가 한 프로젝트에 섞이는 상황은 흔하지 않지만, 앞으로 점점 더 많아질 것이라 생각합니다. 이 경험이 저만의 분명한 차별점이 되었습니다.
완성도 높은 가이드가 팀의 속도를 끌어올리는 것을 직접 수치로 확인한 프로젝트입니다.
국내 대형 플랜트 EPC 기업의 MAP(Material & Asset Planning) 시스템 Admin UI를 구축하는 프로젝트였습니다. 핵심 난제는 복수의 UI 라이브러리 통합이었습니다.
MUI, Ag-Grid, Shadcn UI, Tailwind CSS가 동일한 프로젝트에 공존하면서 각자의 CSS 특성이 충돌했고, 이를 아무도 체계적으로 해결하지 못한 상태로 프로젝트가 이어지고 있었습니다. 여기에 다층 메뉴트리와 수만 행의 데이터 테이블이라는 UI 복잡도까지 더해졌습니다.
고객사 요청으로 상세 화면은 공개가 제한됩니다. 구조와 수행 방식 위주로 서술합니다.
라이브러리를 고르는 것보다, 뒤섞인 라이브러리를 다루는 능력이 더 희귀합니다.
MUI의 emotion 기반 CSS-in-JS와 Tailwind의 유틸리티 클래스, Shadcn의 Radix 기반 컴포넌트, Ag-Grid의 자체 테마가 한데 섞인 환경을 정리하는 방법은 책에 없습니다.
Claude를 활용해 충돌 패턴을 체계적으로 분석했고, CSS specificity 레이어 전략과 CSS custom property 우선순위 계층을 설계해 모든 라이브러리가 공존하는 구조를 만들었습니다.
NDA로 인해 실제 화면은 공개 제한됩니다. 구조 다이어그램과 익명 처리된 화면으로 대체합니다.