Skip to content

feat(nav): 모바일 메뉴를 상단 탭으로 꺼내고 운영진 대시보드 입구를 둔다 - #424

Merged
Mybread2 merged 2 commits into
developfrom
feature/mobile-top-nav
Oct 12, 2026
Merged

Mybread2 merged 2 commits into
developfrom
feature/mobile-top-nav

Conversation

@Mybread2

Copy link
Copy Markdown
Contributor

#423 을 먼저 머지한다. 이 브랜치는 #423 위에서 땄다(메인 헤더 LandingHeader 를 둘 다 고친다). #423 이 머지되면 이 PR 의 diff 는 아래 커밋 하나만 남는다.

왜

  • 모바일에서 게시판을 옮기려면 ☰ 서랍을 열어야 했다
  • 운영진 대시보드로 가는 링크가 사이트 어디에도 없었다 — 주소를 직접 쳐야 했다

변경

GdgSiteHeader 모바일 — 서랍 삭제, 두 줄로 꺼내 둔다. 이 헤더를 쓰는 게시판·소모임·마이페이지·지원 화면 전부에 적용.

<> GDGoC              [운영] [👤]     ← 운영: CORE 이상만 / 비로그인은 「로그인」
홈   공지   행사   자유   소모임        ← 지금 탭에 밑줄
  • 탭 짧은 이름은 GdgMenuLink.shortLabel (공지·행사·자유)
  • PC 는 기존 그대로 + 끝에 「운영」(CORE 이상)

권한 기준 하나로 — role.ts 에 DASHBOARD_MIN_ROLE(CORE)/canOpenDashboard. dashboard/layout.tsx 가드도 이 상수를 쓴다. 따로 적으면 버튼은 보이는데 열면 막히는 일이 생긴다. 버튼을 숨기는 건 화면일 뿐이고 실제 차단은 가드와 서버다.

메인(온보딩) 헤더 — CORE 이상에게 「운영」. 홈 화면 앱(#419)의 첫 화면이라서다. 「콘텐츠 관리」(LEAD)는 PC 에만 그대로. 운영진은 항목이 다섯 개라 360px 에서 지원하기가 25px 잘려 모바일 간격만 줄였다.

검증 (정적 빌드 + 스텁 API + 헤드리스 Chrome)

탭 운영 넘침
비로그인 · 게시판 360px 홈 공지 행사* 자유 소모임 없음 (「로그인」) 없음
MEMBER · 게시판 360px 〃 없음 없음
CORE · 게시판 / 소모임 / 지원 360px 〃 / 소모임* / 홈 게시판 지원하기* 있음 없음
MEMBER · 메인 360px — 없음 없음
CORE · LEAD · 메인 360px — 있음 지원하기 오른쪽 끝 340 (수정 전 365)
CORE / MEMBER · 게시판 1280px — 있음 / 없음 없음
  • 「공지」 탭을 실제 클릭 → /board/notices/ 이동, 탭 활성 전환
  • yarn build 통과

🤖 Generated with Claude Code

https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM

Mybread2 and others added 2 commits October 12, 2026 10:03
2026-10-06 Web 56개 화면을 360·390px 로 전수 점검하며 고친 것.

- 관리자 표 카드(ADMIN_TABLE_CARD)가 overflow-hidden 이라 오른쪽 열이
  잘린 채 스와이프도 안 됐다(Users·Members·Core 지원서·Core 출석).
  overflow-x-auto + 표 min-w-max. 360px 터치 스와이프로 Users 표가
  201px 밀리는 것을 확인 — 같은 카드를 overflow-hidden 으로 되돌리면 0.
- Core 출석: 그리드 아이템 min-w-0 누락으로 문서가 409px 로 넘침.
- 관리자 입력칸 13~15px → iOS 포커스 확대. mobile:text-base.
- 온보딩 헤더: LEAD 로그인 시 「지원하기」가 잘림 → 「콘텐츠 관리」를
  모바일에서 숨김.
- 신청자 표 이름이 한 글자씩 꺾임 → 고정 열 whitespace-nowrap.
  링크 첨부 말줄임.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM
모바일에서 게시판을 옮기려면 ☰ 서랍을 열어야 했고, 운영진 대시보드로
가는 링크는 사이트 어디에도 없었다(주소를 직접 입력).

- GdgSiteHeader 모바일: 서랍을 없애고 두 줄로 —
  로고 + [운영] + [내 정보 아이콘 / 로그인], 아래에 「홈 + 메뉴」 탭.
  게시판·소모임·마이페이지·지원 등 이 헤더를 쓰는 화면 전부에 적용된다.
- 「운영」은 CORE 이상에게만 보인다. 기준을 role.ts 의
  DASHBOARD_MIN_ROLE 하나로 두고 dashboard/layout.tsx 가드도 이걸 쓰게
  했다 — 따로 적으면 버튼은 보이는데 열면 막히는 일이 생긴다.
  숨기는 것은 화면일 뿐이고 막는 것은 가드와 서버다.
- 메인(온보딩) 헤더에도 「운영」. 홈 화면 앱의 첫 화면이라서다.
  CORE 이상은 항목이 다섯 개라 360px 에서 지원하기가 25px 잘려
  모바일 간격만 줄였다(PC 그대로).

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant