Skip to content

Conversation

@jwj0620gcu
Copy link
Collaborator

✨ 주요 변경사항

  • 공통 Checkbox 컴포넌트를 신규 구현했습니다.

  • 디자인 토큰(index.css)과 tailwind-variants 기반으로 피그마 스펙과 동일하게 스타일을 구성했습니다.


📝 작업 상세 내용

  • Checkbox 컴포넌트 구조 설계
  • checked / focus/ disabled 상태별 스타일 분리

✅ 체크리스트

  • PR 본문에 Close #번호 추가
  • 불필요한 주석, 디버깅 코드 제거
  • 기능 테스트 및 정상 동작 확인
  • 커밋컨벤션 준수

📸 스크린샷 (선택)

스크린샷 2026-01-11 오후 2 58 01 스크린샷 2026-01-11 오후 2 58 04 스크린샷 2026-01-11 오후 2 58 07

🔍 기타 참고사항


🔗 관련 이슈

@jwj0620gcu jwj0620gcu self-assigned this Jan 11, 2026
@jwj0620gcu jwj0620gcu added the ✨Feature 새로운 기능 label Jan 11, 2026
@github-actions
Copy link

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 포맷 필요
Test: 통과
Build: 성공
Build Size: 2MB

@github-actions
Copy link

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 통과
Test: 통과
Build: 성공
Build Size: 2MB

Copy link
Member

@KyeongJooni KyeongJooni left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다! :)


return (
<label className={root({ className })}>
<input type="checkbox" className="sr-only" checked={checked} disabled={disabled} {...props} />
Copy link
Member

@KyeongJooni KyeongJooni Jan 11, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Props 전개 순서를 바꿔야 할 것 같아요 {...props}가 마지막에 오면 명시적으로 전달한 checked, disabled 값을 제대로 인식 못할 수도 있을 것 같습니다!

Suggested change
<input type="checkbox" className="sr-only" checked={checked} disabled={disabled} {...props} />
<input type="checkbox" className="sr-only" {...props} checked={checked} disabled={disabled} />

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수정 했습니다. 커멘트 감사합니다.!

@jwj0620gcu jwj0620gcu changed the title feat(checkbox): Checkbox 컴포넌트 추가 및 디자인 적용 [Feat] Checkbox 컴포넌트 추가 및 디자인 적용 Jan 11, 2026
@jwj0620gcu jwj0620gcu changed the title [Feat] Checkbox 컴포넌트 추가 및 디자인 적용 [Feat] Checkbox 컴포넌트 개발 및 디자인 구현 Jan 11, 2026
@github-actions
Copy link

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 포맷 필요
Test: 통과
Build: 성공
Build Size: 2MB

@github-actions
Copy link

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 통과
Test: 통과
Build: 성공
Build Size: 2MB

Copy link
Member

@KyeongJooni KyeongJooni left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넵 고생하셨습니다! :)

Copy link
Collaborator

@YeBeenChoi YeBeenChoi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

확인했습니다 고생 많으셨어요!

@jwj0620gcu jwj0620gcu merged commit 2056797 into main Jan 11, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨Feature 새로운 기능

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feat] #8 - Checkbox 컴포넌트 제작

4 participants