여둘까 Office Layout 6
여둘까 Office Layout
바로가기 ↗
이 글은 여둘까 Office Layout 시리즈의 7번째 기록입니다. (총 10개)
오늘 한 일
- 측정 기능
- 면적 재기 — 다각형 모서리를 차례로 클릭 → 시작점 다시 클릭으로 닫으면 신발끈 공식으로 면적(m²·평) 표시. 그리는 중 꼭짓점 클릭=취소, Esc=측정 취소
- 이유: 정확한 위치의 면적을 사용자가 직접 잴 수 있게 하고 싶었다
- 면적 재기 — 다각형 모서리를 차례로 클릭 → 시작점 다시 클릭으로 닫으면 신발끈 공식으로 면적(m²·평) 표시. 그리는 중 꼭짓점 클릭=취소, Esc=측정 취소
- 편집 기능
- 도형 리사이즈 — 모서리 드래그로 크기 변경. 단일은 자유, 그룹(다중)은 비율 고정(균등)만
- 이유: 여둘까를 사용하는 팀에서 “PPT처럼 크기 조절이 가능하냐”는 요청이 있었다
- 겹침 순서(z-order) — 맨 앞으로 / 앞으로 / 뒤로 / 맨 뒤로
- 배치된 도형 점선 토글 — 기존엔 프리셋 단계에서만 정했는데, 배치 후에도 속성 패널에서 실선↔점선 전환
- 도형 리사이즈 — 모서리 드래그로 크기 변경. 단일은 자유, 그룹(다중)은 비율 고정(균등)만
- UI
- 속성 패널 접기 — 캔버스를 넓게 쓰도록 우측 패널 접기/펴기
- 이유: 화면을 넓게 보면 좋으니까, 필요할 것 같았다
- 속성 패널 접기 — 캔버스를 넓게 쓰도록 우측 패널 접기/펴기
- 배포·공개 준비
- 카카오 AdFit 광고 좌측 하단 고정(접기 가능) + 개인정보처리방침 페이지
- OG 이미지·메타 태그 — 링크 공유 썸네일. PIL로 5MB → 84KB 최적화
- 버그픽스
- 거리·면적 측정 중 도형 위 클릭이 안 먹던 것 — 이벤트 전파 조건 수정
- 이유: 실사용하며 필요한 기능이 계속 나오고, 남들도 쓰게 공개 준비(광고·OG·개인정보)를 함
구현 디테일(Transformer scale 베이크, shear, z-order, 신발끈, PIL)은 여둘까 Office Layout TIL 3에 정리.
다음에 할 일
- 프리셋 key를 이름 무관 고정 ID로 변경 (localStorage 오버라이드 stale 매칭 차단)