오늘 해낸 것 (2026-08-04)

오늘 한 일

• 여둘까 Office Layout
  • 거리·면적 재기 숫자에 흰 배경을 깔아 도면 선 위에서도 읽히게 함
  • 거리 숫자를 선 한가운데 위로 정렬
  • 파일에 담겨 온 프리셋을 그 프로젝트 안에서만 쓰도록 바꿈
  • 프로젝트 설정에 프리셋 초기화·파일 프리셋 불러오기 버튼 추가
  • 파일 메뉴 맨 아래에 개인정보처리방침 링크 추가
  • 프로젝트 파일 확장자를 .json에서 .ol로 변경(예전 파일도 계속 열림)
  • 프로젝트 설정에 거리 단위(mm / cm / m) 추가 — 재기 결과와 크기·격자·보정 입력칸까지 같은 단위
  • 광고를 접어두면 30분 뒤 자동으로 다시 펴지게 함
  • 광고 아래 개인정보처리방침 링크 제거(파일 메뉴와 중복)
• 소리꽃 KeyBloom
  • 공연 때 관객 화면에 파티클만 띄우는 라이브 출력 창(두 번째 모니터, 풀스크린)
  • 두 창이 완전히 같게 파티클을 결정적으로 바꿈
  • 파티클·건반 뒤에 배경 이미지(배치 원본·맞춤·채움·타일)
  • 편집 후 단축키가 바로 안 먹히던 것 수정
  • 영상 저장 위치를 [파일] 탭으로, 대화상자 없이 지정 폴더로 바로
  • 렌더링 진행을 화면 중앙에 크게

어려웠던 점

• 여둘까 Office Layout
  • 프리셋 하나가 탁구대로 바뀌어 있는 걸 보고, 내가 바꾼 기억이 없어서 어디서 온 값인지부터 찾아야 했다
  • 파일을 닫아도 팔레트가 원래대로 안 돌아와서, 이게 파일에 붙은 설정인지 브라우저에 남은 설정인지 구분이 안 됐다
  • 파일을 주고받는 사람끼리 프리셋을 공유하는 편의와, 내 팔레트가 남의 파일에 눌리지 않는 것 중 어디까지 허용할지 정해야 했다
  • 확장자를 바꾸자니 예전에 저장해 둔 배치도들이 안 열릴까 걱정됐다
  • 단위를 어디까지 바꿔야 할지 애매했다. 재기 결과만 바꾸면 입력칸이 밀리미터로 남아 오히려 헷갈릴 것 같았다
  • 미터로 바꿔놓고 크기를 만지니 값이 조금씩 달라져서, 보여주는 자릿수와 실제 저장값이 어긋난다는 걸 눈으로 확인해야 했다
  • 광고를 접어두는 편의와 광고가 수익원이라는 사실 사이에서 접어둔 상태를 얼마나 봐줄지 정해야 했다
• 소리꽃 KeyBloom
  • 두 화면이 완전히 같아야 하는데 어떻게 맞출지 정해야 했다
  • 투명 배경 영상을 편집툴에서 열려면 어떤 코덱이어야 하는지, 코덱마다 라이선스·호환이 달라 결정이 오래 걸렸다
  • 유료 제품이라 남이 만든 코덱을 써도 되는지 따져봐야 했다
  • 커스텀 모양이 왜 이미지가 아니라 네모로 뜨는지 원인을 찾아야 했다

배운 점

• 여둘까 Office Layout TIL 6으로 정리
  • 캔버스 글자 배경은 글자 크기에 묶으면 계산이 필요 없고, 줌 고정은 여백·테두리·오프셋까지 전부 줌으로 나눈다
  • 브라우저에 저장할 것은 “지금 상태”가 아니라 “내가 바꾼 것” — 출처를 안 따지면 남의 값이 내 설정이 된다
  • 되돌리기는 원본에서 다시 쌓고, 읽는 쪽을 “빠진 건 넘어간다”로 두면 저장 형식을 나중에 줄여도 안 깨진다
  • 남에게 받은 기본값은 적용 범위(프로젝트/방문/영구)를 정하고, 거절도 나중에 쓸 길을 남긴다
  • 단위는 계산·저장은 그대로 두고 표시·입력에서만 환산한다 — 반올림과 저장값이 같은 칸을 쓰면 손실이라 단위별 소수 자리를 정한다
  • 확장자만 바꾸는 건 포맷이 아니라 표시라 파일명 다루는 곳까지 훑고, 자동 복귀 타이머는 지우기를 조건 밖에 둔다
• 소리꽃 KeyBloom TIL 18로 정리
  • 무작위를 시드 난수로 바꾸면 같은 입력이 같은 그림이 되고, 나중에 터지는 것은 파티클 자신의 시드로 재현한다
  • 두 화면을 맞출 땐 프레임 말고 입력을 공유하고 각자 렌더한다
  • 이미지 모양에만 색을 입히려면 source-atop이고, 투명 PNG여야 실루엣이 산다
  • 편집 후 단축키가 막히면 커밋 지점에서 blur, 네이티브 저장 대화상자는 픽커를 꺼 우회
  • ASIO는 6ms면 충분하고, 알파 코덱은 브라우저에 인코더가 없어 외부 도구가 필요하며 코덱마다 라이선스가 다르다

해야 할 일

• 여둘까 Office Layout
  • 미터 단위에서 크기 입력칸 증감 폭(0.01)이 실제로 쓸 만한지 확인
• 소리꽃 KeyBloom
  • 투명 배경 영상(알파) 내보내기 — Windows는 Ut Video·이미지 시퀀스, Mac은 ProRes
  • Mac 네이티브 앱
  • 커스텀 파티클 모양 실루엣 재작업(투명 PNG 기준)
  • Creem 결제·라이선스 활성화 배선

Series: Daily Log