모바일에서 가능한 것

• 프로젝트 전체 읽기 — 제목, 설명, 일정, 담당자, 진행률, 댓글. 작업을 탭하면 상세 시트가 열립니다.
• 작업 목록을 내 것 / 지난 일정 / 완료로 필터링; 프로젝트 안에서 이름으로 검색.
• 작업을 완료 처리하거나, 0 / 25 / 50 / 75 / 100% 칩으로 진행률 설정.
• 담당자 변경 — 담당자 줄을 탭하면 모든 프로젝트 멤버가 표시되는 인라인 선택기가 열립니다.
• 댓글 스레드를 읽고, 같은 시트에서 새 댓글 작성 — 서식은 일반 텍스트지만 팀원을 @-멘션할 수 있습니다 (@를 입력해 선택).
• 댓글에 사진·파일 첨부 — 글 없이 사진만 게시할 수도 있습니다. 댓글당 최대 5개, 파일당 10MB이며 사진은 JPEG·PNG·GIF·WebP·AVIF를 지원합니다. HEIC 사진은 변환 후 첨부하세요.
• 진행 메모를 작성하고 프로젝트 공개 또는 나만 보기를 선택합니다. 보내지 않은 댓글·선택한 파일·메모·수정 내용은 시트를 닫거나 다른 작업으로 이동해도 유지되며, 프로젝트 페이지를 떠나거나 새로고침하면 초기화됩니다.
• 작업 정보 편집에서 이름·일정·우선순위를 변경합니다. 단계 일정은 하위 작업을 따르고 마일스톤은 날짜 하나를 사용합니다. 진행률은 별도의 백분율 칩으로 갱신합니다.
• 포트폴리오 카드 보기로 프로젝트 전체 훑어보기 — 각 프로젝트가 상태, 진행률, 멤버, 소유자, 일정 범위를 표시하는 탭 가능한 카드로 나타납니다.
• 워크스페이스 멤버 · 역할 관리와 프로젝트 설정 편집 (섹션 폼; 데스크톱과 같은 컨트롤을, 화면에 맞게 재배치).

• 간트 차트 본체 — 드래그로 일정 변경, 의존성 그리기, 다중 선택, 크리티컬 패스 오버레이, 모든 셀의 인라인 편집. 900px 미만에서는 차트가 아예 렌더링되지 않습니다 (무거운 리스너도 마운트되지 않습니다).
• 새 작업 · 단계 · 하위 작업 만들기. 모바일 시트는 기존 행을 편집할 뿐, 새 행은 차트에서 만듭니다.
• 의존성 그리기 및 편집 (FS / SS / FF / SF, 지연, 약한 링크). 화살표 드래그 어포던스는 데스크톱 전용입니다.
• 리치 텍스트 서식 — 굵게·기울임·목록. 모바일 댓글 작성기는 일반 텍스트입니다 (단 @-멘션은 됩니다 — 위 참고); 기존 리치 텍스트 댓글은 그대로 잘 렌더링됩니다.
• 기존 진행 메모 수정은 데스크톱에서 지원합니다. 모바일에서는 기존 메모를 읽고 새 메모를 작성할 수 있습니다.
• 네 가지 보조 보기 (목록 · 캘린더 · 칸반 · 작업량) — 데스크톱 너비에서 차트와 함께 있습니다.
• 베이스라인 · 변화 추적, 프로젝트 간 링크 관리, 템플릿 편집, 작업량 보기, 공유 링크 토글, 그 외 넓은 표 기반 검사기.

간트 차트만 900px에서 차단됩니다 — 드래그 핸들 + 조밀한 키보드 단축키는 가로 모드의 태블릿 크기 휴대폰에서도 터치로 옮기기 어렵습니다. 900px 미만에서는 차트가 렌더링되지 않고, 휴대폰은 전용 모바일 프로젝트 보기를 받습니다.

그 외 모든 것 — 포트폴리오, 워크스페이스, 설정, 계정 — 은 768px (Tailwind의 md: 컷오프)을 사용합니다. 768px 미만에서는 이 화면들이 모바일 레이아웃 (카드 스택, 바텀 시트, 세로 폼)으로 바뀝니다. 768px 이상, 가로 모드 iPad 포함, 에서는 데스크톱 레이아웃이 잘 보입니다.

감지는 2단계입니다: 서버가 요청의 User-Agent를 읽어 초기 SSR을 결정하고 (iPhone 방문자가 데스크톱 UI의 한 프레임을 보지 않도록), 휴대폰은 세로·가로 방향 모두 모바일 보기를 유지합니다. 다른 기기는 하이드레이션 후 실제 뷰포트를 측정하여 900px에서 레이아웃을 전환합니다.