Skip to content

feat: JDS 디자인 시스템 적용 - #2

Merged
Gomyeunghan merged 1 commit into
mainfrom
feat/jds-setup
Oct 19, 2026
Merged

Gomyeunghan merged 1 commit into
mainfrom
feat/jds-setup

Conversation

@Gomyeunghan

@Gomyeunghan Gomyeunghan commented Oct 19, 2026 •

Copy link
Copy Markdown
Collaborator

관련 이슈

작업 내용

JECT 디자인 시스템 JDS(@jects/jds)를 전역 스타일로 적용했습니다.

  • @jects/jds@0.8.0(정확한 버전 고정), 피어 의존성 radix-ui, pretendard 추가
  • globals.css
    • 레이어 순서 theme → base → jds → components → utilities로 JDS CSS를 jds 레이어에 넣음
      → Tailwind 유틸리티로 JDS 컴포넌트 스타일을 덮어쓸 수 있음
    • JDS 시맨틱 토큰을 Tailwind 테마로 매핑: bg-surface-*, text-object-*, border-stroke-*, bg-fill-*, bg-accent-*, text-feedback-*, rounded-{2~24,max}
    • dark: 변형을 JDS 다크 테마 기준([data-theme="dark"])에 맞춤
  • Pretendard Variable(다이나믹 서브셋) 로드, Geist 폰트 제거
  • 기본 페이지를 JDS BlockButton + 토큰 클래스 예시로 교체

확인 사항

  • npm run lint / typecheck / build 로컬 통과
  • 실제 화면에서 JDS 버튼 스타일, Pretendard 폰트 로드, 토큰 클래스 적용 확인
  • Tailwind 유틸리티(rounded-12)가 JDS 버튼 스타일을 덮어쓰는 것 확인

리뷰어에게

  • JDS는 0.x 버전이라 업데이트 시 변경 사항(CHANGELOG)을 확인하고 올려야 합니다.
  • JDS CSS(약 250KB)는 사용하지 않는 컴포넌트 스타일까지 전역으로 로드됩니다.
  • 코드용 폰트 D2Coding은 아직 로드하지 않았습니다(코드 표시 컴포넌트를 쓸 때 추가).

🤖 Generated with Claude Code

- @jects/jds 0.8.0(버전 고정)과 피어 의존성 radix-ui, Pretendard 폰트 추가
- JDS CSS를 jds 레이어에 넣어 Tailwind 유틸리티로 덮어쓸 수 있게 레이어 순서 지정
- JDS 시맨틱 토큰(surface·object·stroke·fill·accent·feedback·radius)을
  Tailwind 테마로 매핑 (예: bg-surface-standard, text-object-normal, rounded-8)
- dark: 변형을 JDS 기준인 [data-theme="dark"]에 맞춤
- 기본 페이지를 JDS 컴포넌트 예시로 교체

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@Gomyeunghan
Gomyeunghan changed the base branch from chore/initial-setup to main October 19, 2026 15:03
@coderabbitai

coderabbitai Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

Important

  • Pull request is closed - (🔄 Check again to try again)

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration
  • Configuration used: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 50115d3d-c610-401b-84ed-ba0f738efdc4
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@Gomyeunghan Gomyeunghan reopened this Oct 19, 2026
@Gomyeunghan
Gomyeunghan merged commit 15ffe94 into main Oct 19, 2026
3 checks passed
@Gomyeunghan
Gomyeunghan deleted the feat/jds-setup branch October 21, 2026 07:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant