Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[#29] - 포트폴리오 피드백 전체 평가 섹션 퍼블리싱 #30

Merged
merged 5 commits into from
Feb 16, 2025

Conversation

Limgabi
Copy link
Collaborator

@Limgabi Limgabi commented Feb 16, 2025

📌 연관된 이슈 번호

close #29

🌱 주요 변경 사항

  • 전체 평가에서 사용하는 막대 그래프 (Bar Chart)를 공통 컴포넌트로 구현했습니다.
  • 전체 평가 요약 컴포넌트, 그래프 컴포넌트, 테이블 컴포넌트 3가지로 분리하여 구현했습니다.
  • 전체 평가 요약 컴포넌트는 백엔드에서 HTML 태그로 받아온다는 가정 하에 dangerouslySetInnerHTML을 사용하였고, 이 과정에서 XSS 방지를 위해 dompurify 라이브러리를 설치했습니다.

📸 스크린샷 (선택)

image

🗣 리뷰어에게 할 말 (선택)

  • 그래프와 테이블 컴포넌트에서 사용하는 데이터 추출 로직이 동일하여, 이를 해당 도메인 내 유틸 함수로 분리했습니다. 더 나은 접근 방식이나 개선할 점이 있다면 의견 부탁드립니다!

@Limgabi Limgabi added the 🎨 Style 디자인 label Feb 16, 2025
@Limgabi Limgabi self-assigned this Feb 16, 2025
Copy link

vercel bot commented Feb 16, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
onepiece-fe ⬜️ Ignored (Inspect) Feb 16, 2025 2:12am

@Limgabi
Copy link
Collaborator Author

Limgabi commented Feb 16, 2025

🚀 Storybook Deploy : https://67a21b40b49ad2ad0c08c418-zxumebjxtq.chromatic.com/

@subsub-e
Copy link
Member

데이터 추출 로직 유틸 함수로 분리한거 좋다고 생각합니다!! 혹시 차트 부분을 공통 컴포넌트로 뺀 이유가 있나요??

@Limgabi
Copy link
Collaborator Author

Limgabi commented Feb 16, 2025

데이터 추출 로직 유틸 함수로 분리한거 좋다고 생각합니다!! 혹시 차트 부분을 공통 컴포넌트로 뺀 이유가 있나요??

@subsub-e 아직 기능이 구체화되지 않았지만, 그래프는 추후에 다른 기능에서도 재사용할 가능성이 있다고 판단해서 공통 컴포넌트로 분리했습니다!

Copy link
Member

@minh0518 minh0518 left a comment

Choose a reason for hiding this comment

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

오 dompurify를 사용하는건 몰랐네.. 수고했어!

@minh0518 minh0518 merged commit 28a45b6 into develop Feb 16, 2025
4 of 5 checks passed
@minh0518 minh0518 mentioned this pull request Feb 16, 2025
1 task
@Limgabi Limgabi deleted the design-total-evaluation branch February 16, 2025 23:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 Style 디자인
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] - 포트폴리오 피드백 전체 평가 섹션 퍼블리싱
3 participants