지금까지 같은 세션에 다시 놓으면 아무 일도 안 일어났다(다른 세션으로
옮길 때만 동작). 놓은 위치(마우스 Y좌표)를 카드들 사이 인덱스로 계산해
그 순서를 새 엔드포인트로 저장하고(tasks.sort_order, 세션 소속만 재배정 —
세션 재정렬의 reorder_stages 와 동일 패턴), 로컬 tasks 배열도 그 순서에
맞게 재배치(applyStageOrder)해 새로고침 없이 즉시 반영. 실제 3개 업무로
드래그→서버 저장→하드리로드까지 헤드리스 크롬으로 검증.
지난번엔 홈 화면 내 업무 패널만 처리했는데, 프로젝트 상세 페이지 우측
내 업무 패널(.pj-project-mytasks)에도 동일하게 열기/업무 추가/수정/
완료토글/삭제 메뉴를 추가. "업무 추가"는 openTaskModal(null) 이 항상
현재 열려 있는 프로젝트에만 새 업무를 만들 수 있는 제약이 있어, 업무가
다른 프로젝트 소속이면 그 프로젝트 페이지로 이동시켜 거기서 추가하도록
처리(실제 프로젝트 A/B 두 개로 헤드리스 크롬에서 검증).
지금까지 홈 카드 안 업무 행·"내 업무" 패널 행은 자체 우클릭 메뉴가 없어서
이벤트가 부모 프로젝트 카드로 버블링돼 엉뚱하게 프로젝트 메뉴가 뜨던 문제를
같이 고침(stopPropagation 누락). 열기(프로젝트 페이지로 이동)/업무 추가/
수정(팝업 편집)/완료토글/삭제 5항목을 공용 함수(homeTaskContextItems)로
묶어 두 곳(카드 안 업무 행, 내 업무 패널)에서 그대로 재사용.
/api/assignable-users 응답에 avatar 필드 추가하고, 아이콘/이름/체크박스
세로 카드(memberPickHtml)를 공용 함수로 뽑아 새 프로젝트 모달(홈·사이드바
둘 다)과 멤버 배정 모달 3곳이 전부 같은 모양을 쓰도록 통일. 홈 페이지는
avatars 맵이 따로 없어서 이 API 응답의 avatar 필드에만 의존하도록 함.
아이콘 - 이름 - 체크박스 순 세로 스택으로 바꾸고 아이콘 크기를 2배(20px→
40px, 아바타 18px→36px)로 키움. 새 프로젝트 모달의 멤버 선택(가로 한 줄)
은 그대로 두고 pj-member-pick-stacked 를 따로 둬서 멤버 배정 모달에만 적용.
<select> 하나씩 골라 순서대로 배정하던 걸 새 프로젝트 모달과 같은
체크박스 목록으로 바꿔 후보 전원을 한 화면에서 보고 여러 명을 한 번에
선택해 배정. 각 후보는 항상 아바타(구글 프로필, 없으면 기본 아이콘)와
이름을 같이 보여준다. 저장 시 선택된 인원마다 순차 POST 후 결과를
members 배열에 patch(기존 optimistic 흐름 그대로, reload 없음).
좌측 사이드바 "+ " 버튼이 prompt() 두 번(이름/마감일)으로 대충 만들던 걸
홈 화면과 같은 새 프로젝트 모달(설명·날짜·색상·멤버 선택)로 통일.
project.html 에 홈과 동일한 #pj-modal-project 마크업 추가, project.js 는
같은 저장 로직을 쓰되 결과는 mergeProject() 로 사이드바 트리에 patch.
- 공용 우클릭 메뉴(showContextMenu)와 토스트(showToast)를 도입해 보드 카드,
리스트 행, 달력 막대, 타임라인 아이템, 세션 컬럼 헤더, 홈 프로젝트 카드,
사이드바 프로젝트 트리, 멤버 행, 알림 행까지 9곳에 열기/완료토글/삭제 등
빠른 조작 메뉴를 추가.
- 프로젝트 생성/수정/삭제, 멤버 추가/삭제, 홈 업무모달 저장/삭제/완료토글,
알림 모두읽음 등 남아있던 location.reload() 를 모두 로컬 DOM/상태 patch
기반 optimistic update 로 전환.
- 8초 주기 실시간 동기화 폴러도 전체 새로고침 대신 업무/세션/멤버만 조용히
재조회해 병합하도록 변경(softSyncProjectRef).
- 로컬에 Postgres+세션 우회 로그인으로 실제 서버 붙여 헤드리스 크롬으로
검증하는 과정에서 실사용 버그 2건 발견해 같이 수정: 폴러가 재조회한
업무에 context_project_id 가 없어 스코프 필터에 걸려 화면에서 사라지던
문제, 서버가 최초 렌더한 업무 행은 data-task-id 가 <li> 가 아니라 안쪽
<a> 에만 있어 수정/삭제가 조용히 씹히던 문제.
프로젝트 상세 화면 좌측 트리는 renderTree()가 매번 JS로 다시 그리므로
(라이브 새로고침 포함) 실제 동작은 projectsMeta/treeProjLi/wireTreeHandlers
쪽에 구현 — 홈 화면과 같은 프로젝트 수정 모달(이름/설명/기간/색상/완료
토글)을 재사용. 서버 쪽 projects_meta·nav_projects 에 description/status
필드 추가(기존엔 없어서 수정 폼을 못 채웠음). Jinja 쪽 nav_projects 루프도
동일하게 맞춰뒀지만 JS가 즉시 덮어쓰므로 첫 페인트용일 뿐 — 기존 삭제
버튼도 같은 이중 구조였음(관례를 그대로 따름).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
🖼️ 이모지가 브라우저마다 색이 진하고 크기가 커서 옆 B/I/U 버튼들과 줄이
안 맞고 튀어 보였다. 이미 쓰고 있는 material-symbols-outlined 폰트의
"image" 아이콘으로 교체하고 16px로 맞춰 다른 서식 버튼과 높이/정렬이
같아지게 함.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
설명에 붙여넣기/업로드로 넣은 이미지는 실제로는 task_attachments 레코드라,
에디터에서 이미지만 지우면(× 버튼 또는 Delete/Backspace) 서버 첨부는
그대로 남아 첨부파일 목록에 계속 보였다. src 의 attachment id 를 뽑아
DELETE 호출까지 같이 하고, 첨부파일 목록도 새로고침한다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Esc/배경 클릭/취소 버튼으로 업무 모달을 닫을 때 폼이 열었을 때와 달라져
있으면 erpConfirm 으로 "저장하시겠습니까?" 확인 후 저장 또는 그냥 닫기.
erpConfirm 자체도 Esc 로 닫히며 stopPropagation 을 안 해 재진입할 수
있어 플래그로 막음.
- 모달 제목을 "업무 편집"/"새 업무" 단독 표기에서 "[프로젝트명]의 업무
편집"/"[프로젝트명]의 새 업무"로 통일(편집 모드도 프로젝트명 표시).
- 이미지 삽입 버그 2건 수정:
1) 커서 위치 오삽입 — 업로드 버튼 클릭 후 파일선택창이 닫히고 포커스가
에디터로 돌아오면 브라우저가 선택범위를 엉뚱한 위치로 되살리는 경우가
있었는데, 기존 코드는 "선택범위가 에디터 밖에 있을 때만" 저장해둔
위치로 복원해서 이 경우를 못 잡았다 — 업로드 시작 직전 위치를 무조건
복원하도록 수정.
2) 저장 후 이미지가 사라짐 — 업로드가 끝나기 전에 저장 버튼을 누르면
설명에 이미지가 아직 안 들어간 채로 저장됐다. 업로드 중엔 저장을
막고 안내 문구를 보여줌.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
굵게/기울임/밑줄/글머리목록/번호목록/인용구/링크/서식지우기 버튼을
설명란 위에 추가. execCommand 기반(같은 파일의 이미지 삽입에서 이미
insertHTML 로 쓰던 것과 같은 패턴)이고, 생성되는 태그(b/i/u/ul/ol/li/
blockquote/a)는 전부 기존 sanitize_description_html 허용 목록 안이라
서버 쪽 변경 없음. 버튼 mousedown 에서 preventDefault 해 클릭 시 에디터
선택범위가 풀리는 것 방지, 커서 위치에 따라 버튼 활성 상태 표시.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
vacation 모듈은 공휴일을 vacation_db 테이블로 관리하지만 휴가일수 계산용
으로 강하게 결합돼 있어(조사 결과 공용 provider 없음), project 달력은
"보여주기만" 하면 되므로 store.py 에 정적 KR_HOLIDAYS 표(날짜→이름)를
추가하는 방식으로 처리 — 새 DB 연결/마이그레이션 없음.
- 신정·설날·삼일절·어린이날·부처님오신날·현충일·광복절·추석·개천절·
한글날·성탄절 + 실제 "관공서의 공휴일에 관한 규정" 대체공휴일 규칙
그대로 반영(설날/추석/어린이날/삼일절/광복절/개천절/한글날/부처님오신
날/성탄절 대상, 신정·현충일은 대체 없음). 근로자의 날·제헌절은 관공서
공휴일이 아니라서 제외(vacation 모듈 2026년 기존 시드와 동일 기준).
선거일 같은 임시공휴일은 범위 밖.
- 웹 검색으로 확보한 2027~2030년 데이터를 파이썬 요일 계산으로 전수
검증(90건 전부 일치) — 날짜 오타 위험 제거.
- 달력 날짜 칸: 공휴일이면 일요일과 같은 빨간색 + 이름 라벨 표시,
호버 시 툴팁(title)도 함께 제공.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
.erp-page 는 width:100% + padding 24px 이고 border-box 리셋은 .erp-shell 에만
걸려 있어 content-box 로 계산된다. 프로젝트 화면에서 max-width:1550px 캡을
풀자(0a427be/04c33e3) 페이지가 뷰포트보다 48px 넓어졌고, 그 결과 우측 패널의
오른쪽 끝 — 네이티브 스크롤바든 JS 로 그린 막대든 그 자리 — 가 화면 밖으로
나가 보이지 않았다("처음엔 잘 나왔다"가 맞았음: 캡을 풀기 전엔 안 넘쳤다).
헤드리스 크롬으로 재현·좌표 덤프(패널 right=1917 > viewport 1911)해서
확인했고, .erp-page:has(> .pj-wrap) 에 box-sizing:border-box 를 주면 패널이
화면 안에 들어오며 막대가 그려지는 것까지 스크린샷으로 검증함.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
DevTools 박스모델 확인 결과 내 업무 패널은 정상 스크롤 컨테이너였지만
스크롤바 두께가 0 — 이 환경(엣지 오버레이 스크롤바)에선 ::-webkit-scrollbar
커스텀도 scrollbar-width 표준 속성도 모두 무시돼 CSS 로는 막대를 항상
보이게 할 방법이 없었다. 네이티브 막대는 숨기고 attachScrollIndicator()
가 내 업무/좌측 프로젝트 목록/홈 프로젝트 목록/보드 패널 안에 스크롤
위치를 따라 움직이는 막대를 그린다(sticky anchor + 절대배치 track/thumb,
드래그·트랙 클릭 지원, MutationObserver/ResizeObserver 로 갱신). 막대
자리로 각 패널 padding-right 14px 확보, 보드의 scrollbar-gutter 제거.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Chromium 121+ 는 scrollbar-width/scrollbar-color 가 지정되면 ::-webkit-scrollbar
커스텀 스타일을 무시하고 OS 오버레이(자동숨김) 스크롤바로 돌아간다.
DevTools 확인 결과 패널은 이미 scroll 컨테이너(818px)였고 폭이 스크롤바
자리를 전혀 안 차지함 = 오버레이 스크롤바. 표준 속성은 @supports not
selector(::-webkit-scrollbar) 로 Firefox 에만 적용해, 크롬/엣지에서는
항상 보이는 커스텀(클래식) 스크롤바가 그려지게 함.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
홈 화면의 내 업무 패널이 max-height:calc(100vh-160px) 로는 뷰포트에 맞게
잘리지 않아 페이지 전체가 스크롤되고 패널 자체 스크롤바가 안 생겼다.
프로젝트 상세와 같은 방식으로 .pj-wrap 을 flex:1 로 늘리고 .pj-home 의
행을 1fr 로 확정해, 프로젝트 목록(좌)·내 업무(우)가 각자 안에서만 스크롤
하도록 변경. 커스텀 스크롤바는 트랙까지 연회색으로 그려 항상 보이게 하고
.pj-home-main 에도 적용.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
휠 스크롤은 정상 동작(레이아웃 자체는 문제 없었음) — OS/브라우저의
오버레이(자동숨김) 스크롤바 스타일 때문에 막대가 안 보였던 것. 내 업무/
좌측 프로젝트 목록/보드 패널에 항상 보이는 커스텀 스크롤바(얇은 회색
막대)를 그려 윈도우 설정과 무관하게 고정 표시되게 함.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .erp-page 폭 제한 해제 범위를 프로젝트 상세뿐 아니라 프로젝트 모듈의
모든 화면(.pj-wrap)으로 넓혀 홈 화면 "내 업무"도 화면 맨 오른쪽에 붙게.
- pj-layout에 grid-template-rows:minmax(0,1fr) 추가. 이게 없으면 암시적
행이 auto(내용 크기)로 잡혀 자식의 height:100%가 기준 삼을 확정된
높이가 없어지고, 결국 다시 내용 크기만큼 늘어나 버려 세션 화면에서
"내 업무" 패널이 스크롤 대신 페이지 전체를 늘렸다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-home-side 에 max-height+overflow-y:auto 추가 — 목록이 길어지면
패널 안에서만 스크롤(프로젝트 상세 화면은 기존 height:100% 우선 적용).
- "내 업무"의 프로젝트별 폴더 아이콘을 별도 토글 버튼으로 분리(이름은
계속 프로젝트로 이동하는 링크) — 클릭 시 하위 업무 목록 펼침/접힘,
아이콘도 folder_open/folder 로 전환. localStorage로 접힘 상태 기억.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 뷰 탭과 스코프 토글 사이 빈 공간에 프로젝트 이름(pj-project-title) 표시.
- 좌측 멤버 목록이 항상 기본 아이콘만 쓰던 것을 프로젝트 카드/업무 담당자
처럼 avatars 맵을 조회해 구글 프로필 사진이 있으면 그걸 쓰도록 통일.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
pj-board 에 scrollbar-gutter:stable 적용 — 스크롤바 자리를 항상 미리
비워둬서, 매이슨리 열 너비를 계산하는 시점(clientWidth)과 실제 스크롤바
등장 시점이 어긋나 마지막 열이 스크롤바에 가려 보이던 문제 해결.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 상세 화면을 휴가/쿠팡 모듈처럼 "한 화면 채움" 레이아웃으로 변경.
좌측 프로젝트 목록/가운데 세션·리스트·달력·타임라인/우측 내 업무가 각자
안에서만 스크롤되고 서로 얽히지 않는다. 이 화면에서만 페이지 폭 제한을
풀어 좌측은 화면 맨 왼쪽, 우측 내 업무는 화면 맨 오른쪽에 붙는다.
- 설명란 이미지: 파일 업로드 버튼으로 넣을 때도 커서 위치에 삽입되도록
선택범위를 기억했다가 복원(그동안은 항상 맨 끝에 붙었음). 이미지를
선택한 상태에서 Delete/Backspace 키로도 삭제 가능.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
이미지가 설명란 너비와 같거나 넓게 삽입되면 크기조절 핸들(이미지 우하단
바깥쪽 -6px 오프셋)이 설명란 테두리 밖으로 삐져나갔다. 붙여넣기/업로드로
삽입하기 전 원본 크기를 확인해, 설명란보다 넓은 경우 width 속성을 설명란
너비의 90%로 지정해서 넣는다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
CSS Grid 4열은 같은 행의 세션 하나만 카드가 많아도 그 행 전체 높이가
맞춰져 다른 칸이 텅 빈 채로 늘어나는 문제가 있었다(그 여파로 .pj-main이
불필요하게 커져 페이지 전체가 스크롤되고 "내 업무" 패널까지 스크롤되는
것처럼 보였음). layoutMasonry()로 세션을 절대배치해 열은 왼쪽부터 고정
순서로 배정하고, 각 열은 자기 카드 높이만큼만 다음 세션을 바로 그 밑에
쌓는다. 창 크기 변경 시 재계산.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-board 를 flex 가로스크롤에서 4열(좁아지면 3/2/1열) 그리드로 변경,
세션이 많아지면 보드 영역 안에서만 세로 스크롤. "+ 세션 추가" 버튼을
보드 밖 pj-board-toolbar 로 옮겨 스크롤과 무관하게 항상 보이게 함.
- 홈/프로젝트 상세 화면의 "내 업무" 패널 가로폭을 300px로 고정(그리드
트랙 + width 모두 지정).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 관리(index/project/inbox) 진입 시 메인 좌측 사이드바를 전역 설정과
무관하게 항상 접어서 렌더(force_sidebar_collapsed) — 서버에서 바로
data-collapsed=true 로 그려 깜빡임도 없다.
- 프로젝트 상세 화면(보드/리스트/달력/타임라인) 오른쪽에 홈 화면과 동일한
"내 업무" 패널 추가(프로젝트별 그룹, 클릭 시 팝업 편집).
- 보드에 세션이 늘어나면 .pj-board 안에서만 가로 스크롤돼야 하는데
.pj-main 에 min-width:0 이 없어 grid 트랙 자체가 넓어져 페이지 전체가
가로 스크롤되던 문제 수정.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 업무 편집 모달에 "완료로 표시" 버튼 추가(완료 시 리스트뷰는 기존 취소선
스타일 그대로 적용됨). 완료 상태에 따라 버튼 색/문구 토글.
- 설명란 이미지 클릭 시 선택되어 우하단 드래그로 크기 조절, × 버튼으로 삭제
가능. 크기는 style이 아닌 width 속성으로 저장해 서버 sanitize 후에도 유지.
- 연결된 프로젝트 select 를 세로 배치+작은 폰트로 바꿔 글자 잘림 해결.
- 업무 편집 모달을 800x1100 고정 크기로 바꾸고 좌(메타/설명)·우(하위업무·
첨부·연결·댓글) 칼럼이 각자 내부 스크롤하도록 재정비.
fix(shell): 사이드바 접힘 상태를 localStorage에서 첫 페인트 전에 반영해
페이지 이동 시 "펼쳐졌다 다시 접히는" 깜빡임 제거.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
연결된 프로젝트: "+추가" 버튼 없이 프로젝트/세션 셀렉트를 바로 노출, 모달
열릴 때 목록 미리 로드. 하위업무 추가행에 담당자/마감일 입력 추가해 생성과
동시에 배정 가능. 모달을 넓히고(780px) 메타/설명(좌)·하위업무/첨부/연결/
댓글(우) 2단 그리드로 재배치, 우측 칼럼만 자체 스크롤 시켜 전체 스크롤 최소화.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
색상/폰트/카드/사이드바/리스트/타임라인이 아사나와 다르다는 피드백 반영.
- 보라 포인트 컬러(--pj-accent) 도입 — 기본 검정 버튼/활성 탭을 이걸로
교체(erp.css 등 다른 모듈은 안 건드림, .pj- 클래스 범위 안에서만).
- 카드(.pj-card, .pj-project-card)·보드 컬럼 라운드/그림자 키워 아사나
카드 느낌으로.
- 왼쪽 사이드바 — 프로젝트마다 업무를 중첩해서 보여주던 트리를 걷어내고
아사나처럼 "프로젝트 이름 목록만"으로 단순화. 폴더 아이콘 대신 프로젝트
색 + 첫 글자 아바타.
- 리스트 뷰("이 프로젝트" 스코프) — 세션이 컬럼이 아니라 아사나처럼 그룹
구분선이 되도록 개편(세션별로 묶어서 보여주고 접기/펼치기, 개수 표시).
"전체 프로젝트" 스코프는 세션이 프로젝트마다 달라 그룹화 의미가 없으므로
기존 프로젝트/세션 컬럼 있는 평범한 정렬 테이블 유지.
- 타임라인 — "이 프로젝트" 스코프에서는 프로젝트가 아니라 세션별로 행(스윔
레인)을 나눔(아사나 타임라인=섹션 단위). "전체 프로젝트"는 기존처럼
프로젝트별.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
create_project 의 seed_stages 기본값을 True→False 로. 새 프로젝트는 이제
세션이 0개로 시작하고, 보드에서 "+ 세션 추가"로 직접 만든다. 세션이 하나도
없는 새 프로젝트의 보드 화면에는 안내 문구를 띄운다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
지금까지 프로젝트를 선택해도 기본 탭이 "달력"이라 가운데 화면에 세션이
바로 안 보였다(아사나는 프로젝트 진입 시 보드/리스트가 기본). 탭 순서를
보드·리스트·달력·타임라인으로 바꾸고 보드를 기본 활성 탭으로.
달력 이전/다음달 이동은 페이지를 통째로 새로고침하므로(?y=&m=), 마지막
탭을 localStorage(pj_view)에 기억해뒀다가 복원한다 — 안 그러면 달력을
보다가 월 이동만 해도 매번 보드로 튕겨나간다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
지난 커밋(07f4d0f)의 백엔드 위에 화면을 얹는다.
- 세션(기존 "단계") 문구 통일 + 프로젝트 스코프("이 프로젝트")일 때 보드
컬럼에 관리 UI 추가: 이름변경/완료토글/삭제(만든 사람만)/"+ 세션 추가"/
드래그 재정렬(카드 드래그와 같은 네이티브 HTML5 DnD, 기존
PUT stages/order 재사용).
- 프로젝트 화면 툴바에 "이 프로젝트"/"전체 프로젝트" 스코프 토글 추가.
기본은 아사나처럼 지금 프로젝트만(달력/타임라인/보드/리스트 4개 뷰
전부), "전체"는 예전처럼 접근 가능한 프로젝트를 다 합쳐서 보여준다.
서버가 tasks 각 행에 context_project_id(어느 프로젝트를 보다가 담겼는지)
를 실어주고 클라이언트가 그걸로 순수 필터링(재조회 없음).
- 하위 업무 인라인 UI — 업무 모달 안에 체크박스·제목·담당자·마감일이 한
줄인 하위업무 목록(변경 즉시 저장), "+ 하위 업무 추가". 카드에는
"완료/전체" 진행 배지만 표시. update_task 에 completed 필드 추가(세션이
없는 하위업무의 직접 완료 토글용).
- 멀티호밍 UI — 업무 모달에 "연결된 프로젝트" 칩 + "+ 프로젝트에 추가"(
프로젝트/세션 선택). 보드에서 다른 프로젝트가 원 소속인 카드는 그
프로젝트 배지를 달고 나타나며, 드래그로 세션을 옮기면
POST /api/tasks/{id}/links 로 그 프로젝트 안에서의 배치만 바뀐다(원본
불변). 링크 생성 권한을 다듬음 — 최초 연결은 원/대상 프로젝트 양쪽 권한이
필요하지만, 이미 연결된 카드를 그 프로젝트 보드 안에서 옮기는 것은 대상
프로젝트 권한만 있으면 되게 해 정상적인 드래그가 403 나지 않게 했다.
- 업무 설명란을 textarea → contenteditable 로 교체. 클립보드 이미지
붙여넣기/파일 업로드 버튼으로 삽입(기존 task_attachments 재사용, 새
GET /api/attachments/{id}/inline 추가 — 기존 /download 는
Content-Disposition: attachment 라 <img> 렌더링에 못 씀). 새 업무 작성
중(저장 전)에는 이미지 삽입 비활성화.
- .pj-modal-card 에 max-height/overflow-y 추가(내용이 늘어 화면보다
길어지는 것 방지).
홈(index.html)·프로젝트(project.html) 두 업무 모달 모두 요소 id 를 공유하는
기존 구조를 그대로 따라, 새 로직은 공용 함수(initDescEditor/initSubtaskBlock/
initLinksBlock)로 한 번만 작성해 양쪽에서 재사용한다.
docs/PROJECT_MODULE.md 갱신 — 1-1절에 3단계 구조·권한 변경 전반을 정리.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
프로젝트→세션→업무 3단계(아사나식) 전환의 1단계(백엔드). "세션"은 새 개념이
아니라 기존 "단계"(project_stages, 칸반 컬럼)를 그대로 재사용한다.
- project_stages 에 created_by 추가 — 세션 삭제도 "만든 사람만"(_can_delete
재사용) 규칙 적용. api_delete_stage 를 _require_manage 단독 체크에서
생성자 체크로 변경.
- 프로젝트 생성을 관리자 전용 → 로그인 사용자 전체로 개방
(api_create_project: _require_admin → _require_user). 홈 화면의 "새
프로젝트"/수정 모달·버튼도 is_admin 게이트를 걷어냄(생성자가 자동으로
owner 가 되어 _can_manage 통과 — 기존 로직 재사용). 멤버 배정 API는 계속
관리자 전용이라, 비관리자가 새 프로젝트 모달을 열면 멤버 선택란은 안내
문구만 보여주고 시도하지 않는다(불필요한 403 방지).
- 하위 업무 — 새 테이블 없이 tasks.parent_task_id 재사용(부모 삭제 시
CASCADE). list_tasks 는 기본적으로 최상위만 반환(보드/캘린더/리스트에
하위업무가 카드로 안 뜨게) + comment_count 와 같은 방식으로 subtask_total/
subtask_done 집계 추가. create_task 에 parent_task_id 지원(하위업무는
부모와 같은 프로젝트, 세션 없음).
- 멀티호밍(task_project_links, 아사나 기능) — 업무 하나가 여러 프로젝트/세션에
동시에 속할 수 있다. list_tasks(project_id=X, 비재귀)가 자동으로 그
프로젝트에 연결된 업무까지 포함하도록 확장(다른 호출 경로는 안 건드림 —
홈/내업무 전체보기에서 중복 노출 방지). 신규 API: GET /api/tasks/{id}(하위
업무·연결 포함 상세), POST/DELETE /api/tasks/{id}/links.
- 설명란 이미지 삽입 준비: store.sanitize_description_html — 허용 태그만
남기고 스크립트/이벤트속성/위험 URL 스킴 제거(표준 html.parser, 외부
라이브러리 없음). api_create_task/api_update_task 저장 직전 통과.
⚠️ 배포 전 필수: scripts/sql/project_db_003_sections_subtasks_links.sql 를
project_db 에 적용해야 한다(project_stages.created_by, tasks.parent_task_id,
task_project_links 없이는 이 커밋의 쿼리가 전부 실패한다). 그 안의 기존
설명 텍스트→HTML 이스케이프 UPDATE 문은 1회만 실행할 것.
프론트엔드(세션 드래그 재정렬, 사이드바 프로젝트별 보기, 하위업무/멀티호밍
UI, 설명란 이미지 붙여넣기 편집기)는 다음 커밋에서 이어간다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-icon-btn 기본 스타일에 flex 중앙정렬 추가(닫기 버튼 등 호버 음영이
아이콘 기준 중앙에 오지 않던 문제, 버튼 UA 기본 패딩이 원인)
- 댓글 팝업(카톡형)에서 본인이 작성한 댓글에만 삭제 버튼 노출
(서버는 이미 본인/관리자만 삭제 허용하도록 검증 중)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 댓글 팝업 제목을 업무 제목으로 표시, 우상단 닫기(X) 버튼 추가
- 팝업 크기 500x850 고정, 내용 많으면 목록만 스크롤(팝업 크기 유지)
- 카드/내 업무 목록의 완료여부 원형 아이콘 제거, 그 자리를 댓글 아이콘 전용 슬롯으로 교체
- 댓글 유무와 무관하게 슬롯 폭을 고정해 업무 제목이 항상 같은 위치에서 시작(세로 정렬)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 카드 이름 옆 호버 노출 업무 추가 버튼(기존 업무편집 팝업을 생성 모드로 재사용)
- 카드 이름 아래 배정 멤버 아이콘+이름 표시, 새 프로젝트 모달에서 멤버 다중 선택
- 업무별 댓글 말풍선+개수 표시, 더블클릭 시 카톡형 댓글 전용 팝업
- 확인 안 한 새 댓글은 말풍선이 커지며 반짝임(localStorage 로 확인 여부 추적)
- GET /project/api/live-version 폴링으로 다른 사용자의 변경사항을 자동 새로고침
- 날짜 표기를 yy/mm/dd(요일)에서 mm/dd(요일)로 변경
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 좌측 트리(프로젝트 상세 페이지): 이미 로드된 업무 데이터로 즉시 팝업 —
더 이상 페이지를 새로고침하며 달력 탭으로 넘어가지 않음
- 홈 화면 카드/내 업무 리스트: 홈에도 업무편집 모달을 추가해 페이지 이동 없이
팝업으로 편집(담당자·단계는 해당 프로젝트를 API 로 조회해 채움, 첨부·댓글 포함)
- 교차 프로젝트 업무 편집 시 담당자 select 가 현재 프로젝트 멤버만 보이던 문제 수정
(해당 업무의 프로젝트 멤버를 다시 조회)
- 완료 프로젝트 숨기기 토글을 인라인 style.display 로 직접 제어하도록 변경
([hidden] 속성 + 클래스 규칙 조합이 기대대로 안 먹히는 경우 대비, 원인 불문 확실히 동작)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-project-grid[hidden] 규칙 추가 — display:grid 규칙과 특이도가 같아
[hidden] 속성이 무시되던 버그
- 홈 카드 업무 미리보기에 단계(stage_name) 칩 표시
- 홈 화면 날짜 표기를 yy/mm/dd(요일) 형식으로 통일(프로젝트 마감·업무 마감·내 업무 기간)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 카드를 "진행중"/"완료" 두 섹션으로 분리(완료는 접기/펼치기)
- 완료된 업무도 미리보기 목록에서 숨기지 않고 취소선으로 계속 표시
- 사이드바 빠른 프로젝트 생성(+)에도 마감일 입력 추가 (홈 새 프로젝트 모달은 기존에 지원)
- 카드 편집/삭제 버튼이 완료 섹션 카드도 인식하도록 수정
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
king