Skip to content

Conversation

@dongmin0204
Copy link
Contributor

#️⃣연관된 이슈

ex) #312 #310 #309

📝작업 내용

  1. 스켈레톤 UI 구현
    프로젝트 리스트: 로딩 시 카드 스켈레톤 추가
    블로그 리스트: 로딩 시 카드 스켈레톤 추가
    프로젝트 상세: 레이아웃 스켈레톤 및 기본 썸네일 적용
    뉴스 리스트: 반응형 스켈레톤 아이템 구현
  2. UI/UX 개선
    이미지 처리: 프로젝트/블로그 카드 이미지 중앙 정렬 및 기본 이미지
    반응형 디자인: 모든 스켈레톤 컴포넌트 모바일/데스크톱 대응
    에러 페이지: 프로젝트 상세 에러 상태 시 스켈레톤 식 에러 UI 구현
  3. 코드 품질
    타입 안전성: TypeScript 타입 에러 수정
    컴포넌트 구조: 불필요한 import 제거 및 코드 정리
    스타일 통일: 일관된 스켈레톤 애니메이션 및 디자인 시스템 적용
  4. 성능 최적화
    로딩 경험: 실제 콘텐츠와 유사한 스켈레톤으로 사용자 경험 향상
    애니메이션: shimmer 효과로 자연스러운 로딩 상태 표현 (다들 이렇게 하는데, 적용해보니까 생산성 좋고 간단해서 좋음)
  5. og 추출 로직 수정
    기존의 방식 로딩이 어렵고, 문제 많았음. 프록시를 활용해서 적용

✅ 체크리스트

  • 기능이 정상적으로 동작하는지 확인
  • 코드 리뷰 반영
  • 테스트 코드 작성 (필요한 경우)
  • UI/UX 디자인 적용 확인

스크린샷 (선택)

스크린샷 2025-09-12 오후 5 29 36 스크린샷 2025-09-13 오후 1 19 48 스크린샷 2025-09-13 오후 1 13 01
스크린샷 2025-09-13 오후 1 00 16

@dongmin0204 dongmin0204 self-assigned this Sep 13, 2025
@dongmin0204 dongmin0204 added ✨ Feature 기능 추가 💄 Stlye 마크업 & 스타일링 🐞 BugFix BugFix 동민 labels Sep 13, 2025
@dongmin0204 dongmin0204 merged commit b98a0aa into develop Sep 15, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ Feature 기능 추가 동민 🐞 BugFix BugFix 💄 Stlye 마크업 & 스타일링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants