[main] 세션 레이아웃 변경, React2Shell 보안 대응, 세션 상세 Exit 애니메이션 및 권한, 404페이지 PC 뷰 적용

[LeeJeongHooo]

📌 개요

• 세션 레이아웃 변경 및 React2Shell 보안 대응
• 세션 상세 Exit 애니메이션 및 권한, 404페이지 PC 뷰 적용

참고 링크
[develop] 세션 상세 레이아웃 변경
[develop] React2Shell 보안 문제
[develop] 세션 상세 Exit 애니메이션 및 권한, 404페이지 PC 뷰 적용
세션 상세 레이아웃 변경 QA
React2Shell
피그마 링크

📋 변경사항

1. 세션 상세 Sheet UI 변경

출석과 공통된 UI로 가져가기 위해 기존에 분할된 레이아웃 대신 PC 뷰에서는 Sheet 형태로 UI를 변경하였습니다.
출석 변경 UI는 Modal 형태로 구성하여, 사용자가 다른 화면 요소에 방해받지 않고 출석 관련 작업에만 집중할 수 있도록 설계했습니다.
세션 상세 정보는 Non-Modal Sheet 형태로 제공하여, 세션 리스트 흐름을 유지한 채 상세 내용을 자연스럽게 확인할 수 있도록 했습니다. 이를 통해 사용자는 리스트 탐색과 상세 확인을 유연하게 오가며 전체 맥락을 유지한 상태로 작업할 수 있습니다.
Non-Modal 처리 간 영역 구분을 위해 Shadow 처리를 하였습니다.

2. React2Shell 관련 취약점 대응을 위한 Next, React 버전을 업데이트 하였습니다.

3. 세션 상세 Exit 애니메이션 처리

page.tsx가 unMounted 시 Sheet, SheetContent 컴포넌트 자체가 DOM에서 사라지기 때문에 exit 애니메이션이 적용이 안되는 문제가 발생하였습니다. 해당 문제를 해결하기 위해 layout.tsx 상위로 컴포넌트 자체를 올려 DOM에서 사라지지 않도록 구조를 변경하였습니다.

4. 404페이지 PC 뷰 적용

기존 모바일만 지원되던 화면 뷰를 PC 뷰에 맞춰 반응형이 유지되도록 변경하였습니다.

리뷰어는 '변경사항'의 요소들을 검토해주세요.

스크린샷

작업 전	작업 후

작업 전	작업 후

변경된 버전

작업 전

"next": "15.3.3", 
"react": "19.0.0", 
"react-dom": "19.0.0"

작업 후

"next": "15.3.6", 
"react": "19.0.1", 
"react-dom": "19.0.1"

🙏 참고사항

리뷰어는 '참고사항'의 요소들을 고려해주세요.

리뷰 희망 기한

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
dpm-core-client-admin	Ready	Preview	Comment	Dec 10, 2025 11:13am
dpm-core-client-client	Ready	Preview	Comment	Dec 10, 2025 11:13am