Skip to content

Improve web responsive UI and interaction quality#34

Merged
choihooo merged 15 commits intodevfrom
fix/web-qa
Mar 12, 2026
Merged

Improve web responsive UI and interaction quality#34
choihooo merged 15 commits intodevfrom
fix/web-qa

Conversation

@choihooo
Copy link
Copy Markdown
Collaborator

🎯 Summary

이 PR의 목적을 한 줄로 요약해주세요

  • 웹 패키지의 태블릿/모바일 반응형 레이아웃, 모달 표시, UI semantics 및 접근성을 함께 정리합니다.

🔴 AS-IS

기존 상태 또는 문제점

  • 관리자/사용자 주요 화면이 태블릿 폭에서 테이블과 카드가 눌리거나 텍스트가 밀렸습니다.
  • 출석/회차/멤버/게시판 등에서 화면 폭에 따라 레이아웃 일관성이 떨어졌습니다.
  • 공통 모달이 일부 환경에서 세로로 과하게 늘어나고 모바일 여백도 답답했습니다.
  • 일부 카드/행이 실제 링크 대신 클릭 가능한 컨테이너로 구현되어 접근성과 기본 브라우저 동작이 약했습니다.

🟢 TO-BE

변경 후 상태 또는 개선점

  • 태블릿 구간에서는 리스트/카드형 레이아웃을 우선 사용하고, 데스크톱에서만 테이블/사이드바가 확장되도록 정리했습니다.
  • 관리자 대시보드, 멤버 관리, 회차 관리, 출석 현황, 게시판, 포스트 목록의 반응형 배치를 일관되게 맞췄습니다.
  • 공통 Dialog/AlertDialog 중앙 정렬과 모바일 폭을 조정해 과도한 세로 확장을 제거했습니다.
  • 멤버 목록/게시판 목록의 탐색 요소를 실제 링크 중심으로 바꾸고, 아이콘 버튼 라벨 및 일부 이미지 처리도 보완했습니다.

💬 참고사항

리뷰어가 알아야 할 내용, 논의 포인트, 주의사항 등

  • pnpm --filter @blog-study/web lint 통과, 경고 34개 남음
  • pnpm --filter @blog-study/web typecheck 통과
  • 공통 모달 컴포넌트 변경으로 Dialog/AlertDialog를 사용하는 다른 화면에도 동일한 정렬/폭 규칙이 적용됩니다.
  • 작업 중 사용되지 않던 packages/web/scripts/dev-login.ts, packages/web/scripts/set-cookie.js는 제거했습니다.

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 12, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
study-admin-web Ready Ready Preview, Comment Mar 12, 2026 7:43am

@bbbang105 bbbang105 added ⚒️ chore 빌드 부분 혹은 패키지 매니저 수정 사항 ✂️ remove 패키지 혹은 폴더, 클래스 삭제 ✅ test 테스트 코드 🌱 style 코드 의미에 영향을 주지 않는 변경사항 (코드 포맷팅, 오타 수정, 변수명 변경, 에셋 추가) 💫 release 릴리즈 📄 docs 문서 추가 및 수정 🔄 refactor 코드 리팩토링 🔧 ci CI/CD 파이프라인 변경 🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) / 디자인 요소 수정 🚨 fix 버그 수정 / 에러 해결 labels Mar 12, 2026
@github-actions github-actions bot requested a review from bbbang105 March 12, 2026 07:31
@choihooo choihooo changed the base branch from main to dev March 12, 2026 07:33
@choihooo choihooo merged commit a689972 into dev Mar 12, 2026
7 checks passed
@choihooo choihooo deleted the fix/web-qa branch March 12, 2026 07:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

⚒️ chore 빌드 부분 혹은 패키지 매니저 수정 사항 🔧 ci CI/CD 파이프라인 변경 📄 docs 문서 추가 및 수정 🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) / 디자인 요소 수정 🚨 fix 버그 수정 / 에러 해결 🔄 refactor 코드 리팩토링 💫 release 릴리즈 ✂️ remove 패키지 혹은 폴더, 클래스 삭제 🌱 style 코드 의미에 영향을 주지 않는 변경사항 (코드 포맷팅, 오타 수정, 변수명 변경, 에셋 추가) ✅ test 테스트 코드

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants