Skip to content

운영 배포: 홈 화면 앱 · 모바일 상단 탭 · 대시보드 표 가로 스크롤 - #426

Merged
Mybread2 merged 10 commits into
masterfrom
develop
Oct 12, 2026
Merged

Mybread2 merged 10 commits into
masterfrom
develop

Conversation

@Mybread2

Copy link
Copy Markdown
Contributor

develop → master. 네 PR 을 운영에 올린다. 모두 dev 에서 확인했다.

master 에만 있는 커밋은 머지 기록뿐이고 내용 차이는 없다 (git diff develop...master 비어 있음).

🤖 Generated with Claude Code

https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM

Mybread2 and others added 10 commits October 12, 2026 09:38
feat: 리더·운영진이 소모임 멤버를 한 번에 넣는다
부원 대부분이 모바일로 접속한다. manifest 는 있었지만 홈 화면에 추가하면
앱처럼 보이지 않았다.

- 아이콘: 512×248 가로 로고를 512×512 로 선언하고 있었고, iOS 아이콘
  (180x180.png)은 파일이 없어 운영에서 403 이었다. 공식 마크로 정사각
  아이콘을 새로 만들고 maskable 을 분리했다.
- 색: 다크 사이트인데 스플래시가 흰색이었다. dusk-base 로 맞췄다.
- start_url 을 /onboarding/ 으로 — / 는 redirect 한 단계를 거친다.
- /app 설치 안내 페이지: 카톡 인앱 → 외부 브라우저로, 안드로이드 →
  설치 버튼, iOS → 홈 화면 추가 안내. 이미 앱으로 열면 홈으로 보낸다.

서비스 워커는 넣지 않았다. 페이지를 캐시하면 배포 후에도 옛 화면이
남을 수 있다.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM
feat(pwa): 홈 화면에 추가해 앱처럼 쓸 수 있게 한다
fix: 멤버 추가 화면의 정원 경고와 결과 안내 위치
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
fix(mobile): 관리자 표가 모바일에서 가로로 밀리지 않던 것 등 모바일 점검 수정
feat(nav): 모바일 메뉴를 상단 탭으로 꺼내고 운영진 대시보드 입구를 둔다
「운영」·「내 정보」가 잘 안 눌린다는 제보. dev 에만 뜨는 「Dev 서버입니다」
띠(DevHeader)가 화면 맨 위 32px 을 투명하게 덮고 터치를 받고 있었다.
버튼은 8~48px 이라 윗부분 60% 를 누르면 띠가 가져갔다 — dev 에서 버튼 안
다섯 높이를 찍어 위 셋이 막힘을 확인했다. 운영에는 띠가 없다.

- DevHeader 에 pointer-events-none
- 「운영」 버튼 36 → 40px (내 정보 아이콘과 같게)
- 메인 헤더 텍스트 링크(게시판·내 정보)는 글자 높이만큼만 눌려서
  세로 여백으로 누르는 면적을 40px 대로. 헤더 높이가 고정이라 모양은 같다

dev 조건 빌드(NEXT_PUBLIC_APP_ENV=dev) + 스텁에서 다섯 높이 모두 버튼에
닿고, 메인 헤더 360px 폭은 그대로(오른쪽 끝 340).

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM
fix(nav): dev 띠가 헤더 오른쪽 위 버튼의 윗부분을 가리던 것을 고친다
@Mybread2
Mybread2 merged commit a417a9b into master Oct 12, 2026
7 checks passed
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