doksam.com
만들어 온 것들

공통 UI 표준·컴포넌트 카탈로그

여러 서비스가 같은 화면 규칙을 쓰도록 만든 UI 표준

쓴 기술
TypeScript · React · Tailwind CSS
분류
디자인 시스템 · 컴포넌트 · 문서화

어떤 상황이었나

여러 서비스가 각자 다른 화면 규칙을 쓰면서, 같은 버튼을 매번 다시 만드는 상황이 반복됐습니다.

만든 것

  • 색상·간격 토큰
  • 공용 컴포넌트 묶음
  • 사용 예시가 붙은 카탈로그 사이트

어떻게 돌아가나

토큰 정의컴포넌트 구현카탈로그 게시각 서비스에서 설치

카탈로그 사이트를 직접 띄워 두고, 각 서비스가 거기서 컴포넌트를 가져다 씁니다.

하지 않는 것

  • 브랜드 아이덴티티나 시안 디자인 자체를 만들지는 않습니다.

관련 글

  1. 2026년 웹 프론트엔드 기술스택 분석 — 내 프로젝트는 얼마나 최신일까?

    실제 프로젝트의 package.json 을 까놓고 2026년 중반 기준 프론트엔드 트렌드와 비교 분석했다. 후반부에는 셀프호스팅 GitLab 레포 78개 전체의 언어 분포로 풀스택 전경까지.

의뢰처와 내부 구성은 공개하지 않습니다. 이 글은 일반화한 설명입니다.

비슷한 걸 만들어야 한다면

어떤 상황인지 알려주시면 비슷한 구성부터 정리해서 회신드립니다.

문의하기