Skip to content

[Feat] Profile 컴포넌트 개발 및 디자인 #18

Merged
jwj0620gcu merged 3 commits into
mainfrom
17-feat/Priofile-컴포넌트-제작
Jan 14, 2026

Hidden character warning

The head ref may contain hidden characters: "17-feat/Priofile-\ucef4\ud3ec\ub10c\ud2b8-\uc81c\uc791"
Merged

[Feat] Profile 컴포넌트 개발 및 디자인 #18
jwj0620gcu merged 3 commits into
mainfrom
17-feat/Priofile-컴포넌트-제작

Conversation

@jwj0620gcu

Copy link
Copy Markdown
Collaborator

✨ 주요 변경사항

  • 공통 UI 컴포넌트로 사용할 Profile 컴포넌트를 추가했습니다.

📝 작업 상세 내용

  • size(sm / lg) variant를 통해 프로필 이미지 크기를 다르게 구현했습니다.
  • imageUrl이 없을 경우 자동으로 placeholder가 표시되도록 기본 동작을 정의했습니다.
  • Playground에 Profile 사용 예시를 추가해 size 및 placeholder 상태를 확인할 수 있도록 했습니다.

✅ 체크리스트

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

📸 스크린샷 (선택)

스크린샷 2026-01-13 오후 5 05 52

🔍 기타 참고사항


🔗 관련 이슈

@github-actions
github-actions Bot requested a review from YeBeenChoi January 13, 2026 08:06
@github-actions github-actions Bot added the ✨Feature 새로운 기능 label Jan 13, 2026
@github-actions

Copy link
Copy Markdown

PR 검증 결과

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

@KyeongJooni KyeongJooni left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

LGTM :)

@YeBeenChoi YeBeenChoi left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

와아~ 고생 많으셨습니다!!!

Comment on lines +12 to +15
<div
className={profileVariants({ size, className })}
style={imageUrl ? { backgroundImage: `url(${imageUrl})` } : undefined}
{...props}

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

...props에 style이 포함될 수 있어서 외부에서 style을 넘기는 경우 backgroundImage가 덮일 수 있을 것 같아요!

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

해당 내용 몰랐는데, 말씀해주신 부분 반영해서,
style prop을 분리해 imageUrl에서 설정한 backgroundImage와 외부 style 간의 우선순위가 명확해지도록 수정했습니다.!

@github-actions

Copy link
Copy Markdown

PR 검증 결과

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

@github-actions

Copy link
Copy Markdown

PR 검증 결과

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

@jwj0620gcu
jwj0620gcu merged commit 7d6f4aa into main Jan 14, 2026
2 checks 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] #17 - Profile 컴포넌트 제작

3 participants