이 글은 Today I Learn 시리즈의 209번째 기록입니다. (총 213개)

코드는 안 건드리고 결정만 정리한 날. 어디까지 만들지, 남에게 무엇을 넘길지, 무엇이 아직 안 나갔는지를 정했다.

맛보기를 보고 다음 단계를 접었다

건반이 밋밋해 보여서 입체감을 넣기로 했다. 두 단계로 잡았다. 1단계는 아래 모서리 라운드, 흰 건반 사이 틈, 검은 건반 명암. 2단계는 검은 건반 측면, 흰 건반이 검은 건반 사이로 파고드는 실제 폭, 눌림 표현.

1단계만 먼저 맛보기로 만들어 보고 화면을 봤다. 이미 괜찮았다. 2단계는 안 하기로 했다.

계획에 적힌 단계는 「여기까지 하면 좋겠다」는 예상이지 「여기까지 해야 한다」는 약속이 아니다. 예상은 만들기 전에 세운 것이라 실물을 보면 틀릴 수 있고, 이번엔 좋은 쪽으로 틀렸다.

접을 수 있었던 건 맛보기를 먼저 봤기 때문이다. 두 단계를 다 만들어 놓고 봤으면 이미 쓴 시간이 아까워서 「기왕 만들었으니 넣자」가 됐을 것이다. 단계를 나눠 앞쪽만 먼저 보는 건 시간을 아끼는 방법이기도 하지만, 그보다 멈출 기회를 만드는 방법이다.

접은 단계는 목록에서 지우지 않고 「안 하기로 했다」로 남겼다. 지워 버리면 나중에 같은 걸 또 계획하게 된다.


설명만 넘겼더니 상대가 다시 만들었다

새 모션 「파동」을 넣고 로그스톤 샵 제품 페이지에 반영해 달라고 알렸다. 그 페이지에는 모션마다 움직이는 데모 그림이 있는데, 그게 앱 화면을 가져다 쓰는 게 아니라 샵이 자기 렌더러(그림을 그려 내는 프로그램)로 따로 그린다는 걸 그때 알았다.

넘긴 건 「수면에 물방울이 퍼지듯 위쪽 반원 고리가 번진다」는 문장 하나였다. 샵은 그 문장만 보고 물리를 새로 짜 넣었고, 「앱과 인상이 다르면 알려 달라, 앱 값을 주면 그걸로 대체하겠다」고 회신했다.

말로 넘긴 사양은 상대가 다시 만든다. 다시 만든 것은 원본과 다르다. 상대가 틀려서가 아니라, 문장에 없던 값을 상대가 스스로 채워야 하기 때문이다. 「고리가 번진다」에는 이런 게 안 들어 있다.

  • 얼마나 빨리 퍼지는가
  • 퍼지면서 느려지는가, 같은 속도로 계속 퍼지는가
  • 고리가 다 같이 옅어지는가, 하나씩 사라지는가
  • 고리가 정원인가, 눌린 타원인가

이 넷 중 하나만 달라도 물결이 아니라 그냥 원이 커지는 그림이 된다. 그래서 앱이 쓰는 실제 값을 전부 넘겼다. 퍼지는 속도, 항력(공기 저항처럼 속도를 깎는 값), 수명, 각도를 어떻게 나누는지, 화면 비율에 맞춘 가로세로 보정까지.

같아야 하는 것이면 값을 준다. 비슷하면 되는 것이면 설명으로 충분하다. 제품 페이지 데모는 「사면 이렇게 보인다」를 파는 그림이라 같아야 하는 쪽이다.


만든 것과 나간 것이 달라졌다

0.1.7을 내보낸 뒤에 건반 입체감을 개발선에 넣었다. 출시용 브랜치는 따로 두기 때문에 이 변경은 아직 사용자에게 안 나간 상태다.

이대로 두면 다음 릴리스 노트를 쓸 때 빠진다. 노트는 「지난 버전 이후 뭘 했지」를 떠올려 쓰는데, 릴리스 직후에 들어간 변경일수록 그 사이 다른 일에 밀려 기억에서 먼저 사라진다. 그래서 할 일 목록 맨 위에 「이건 아직 안 나갔다」를 경고로 올려 뒀다.

개발선과 출시선을 갈라 두는 것 자체는 맞다. 안 그러면 다듬는 중인 것이 사용자에게 그대로 나간다. 대신 「만든 것」과 「나간 것」이 벌어지고, 그 차이는 저절로 보이지 않는다. 갈라 두기로 했으면 안 나간 목록을 유지하는 값을 같이 치러야 한다.


요약

  • 계획에 적힌 다음 단계는 예상이지 약속이 아니다. 실물을 보고 충분하면 접는다. 접은 건 지우지 말고 「안 하기로 했다」로 남긴다
  • 맛보기를 먼저 보는 건 시간을 아끼는 방법이기도 하지만, 그보다 멈출 기회를 만드는 방법이다
  • 말로 넘긴 사양은 상대가 다시 만들고, 다시 만든 것은 원본과 다르다. 같아야 하면 값을 주고, 비슷하면 되면 설명으로 충분하다
  • 개발선과 출시선을 가르면 만든 것과 나간 것이 벌어진다. 갈라 두기로 했으면 안 나간 목록을 유지하는 값을 같이 치른다

Series: Today I Learn

1 C++ 자료형(Data Type) 2 MD5 vs pHash 3 C++에서 함수의 선언과 정의 4 Tkinter padx, pady 5 메모리와 포인터 변수 6 Call by Value, Call by Reference, Call by Pointer 비교 7 const 8 Gemfile — Jekyll 프로젝트의 의존성 파일 9 kramdown-parser-gfm — Jekyll의 GFM 파서 10 파서(Parser) 11 AHU vs OHU 12 I might try it vs I'll try it 뉘앙스 차이 13 SESSION_EXPIRE_AT_BROWSER_CLOSE=True 14 configuration key 15 Git stash vs discard 16 subprocess.Popen으로 Windows 탐색기에 명령어를 전달 17 Post 잔디 분석하기 18 Google Sheets Sync 최적화 19 DSL (Domain Specific Language)과 GPL (General Purpose Language) 20 마크다운 표 그리는 방법 21 쿼리 파라미터(Query Parameter). 기존 QR코드 재활용 22 Django 보안 취약점 점검 및 수정 23 OOP Object-Oriented Programming 객체 지향 프로그래밍 24 Fernet 대칭 암호화 25 Jekyll 코드블록 안의 Liquid 태그 26 습관만들기 Pawbit TIL 1 27 insertOnConflictUpdate vs DoUpdate(target) 28 세션 필터 29 아코디언(Accordiaon) UI를 펼친상태로 만들기 30 input의 step 31 습관만들기 Pawbit TIL 2 32 습관만들기 Pawbit TIL 3 33 Word Cloud 34 Google Sheets를 데이터 버스로(with AppSheet) 35 Django 모델 텍스트 필드 자동 수집 패턴 36 localStorage로 섹션 토글 상태 유지 37 순차 ID 생성(`select_for_update()` + `max()` 조합) 38 역참조 검색과 distinct() 39 xlsx 다운로드와 로딩 오버레이 충돌 40 Android 파일 공유 MIME 타입 41 AssetManifest — Flutter 빌드 타임 asset 목록 런타임 조회 42 크레센도 Phaser + TypeScript TIL 1 43 크레센도 Phaser + TypeScript TIL 2 44 크레센도 Phaser + TypeScript TIL 3 45 크레센도 Phaser + TypeScript TIL 4 46 크레센도 Phaser + TypeScript TIL 5 47 여둘까 Office Layout TIL 1 48 습관만들기 Pawbit TIL 4 49 여둘까 Office Layout TIL 2 50 여둘까 Office Layout TIL 3 51 크레센도 Phaser + TypeScript TIL 6 52 UTF-8 BOM과 PowerShell 파일 쓰기 53 소리꽃 KeyBloom TIL 1 54 습관만들기 Pawbit TIL 5 55 여둘까 Office Layout TIL 4 56 소리꽃 KeyBloom TIL 2 57 소리꽃 KeyBloom TIL 3 58 메트로놈 Simple Metronome TIL 1 59 소리꽃 KeyBloom TIL 4 60 메트로놈 Simple Metronome TIL 2 61 소리꽃 KeyBloom TIL 5 62 습관만들기 Pawbit TIL 6 63 크레센도 Phaser + TypeScript TIL 7 64 메트로놈 Simple Metronome TIL 3 65 소설 타임라인 관리 도구 Lumior TIL 1 66 습관만들기 Pawbit TIL 7 67 정적 블로그 SEO 정비와 Pagefind 검색 도입 68 크레센도 Phaser + TypeScript TIL 8 69 메트로놈 Simple Metronome TIL 4 70 습관만들기 Pawbit TIL 8 71 안드로이드 AudioTrack 연속 재생, 실측 피커 정렬, 카메라 토치 플래시 72 메트로놈 Simple Metronome TIL 5 73 모래게임 Sandrop TIL 1 74 습관만들기 Pawbit TIL 9 75 메트로놈 Simple Metronome TIL 6 76 모래게임 Sandrop TIL 2 77 모래게임 Sandrop TIL 3 78 습관만들기 Pawbit TIL 10 79 습관만들기 Pawbit TIL 11 80 메트로놈 Simple Metronome TIL 7 81 모래게임 Sandrop TIL 5 82 모래게임 Sandrop TIL 4 83 습관만들기 Pawbit TIL 12 84 모래게임 Sandrop TIL 6 85 소리꽃 KeyBloom TIL 6 86 모래게임 Sandrop TIL 7 87 모래게임 Sandrop TIL 8 88 소리꽃 KeyBloom TIL 7 89 모래게임 Sandrop TIL 9 90 소리꽃 KeyBloom TIL 8 91 모래게임 Sandrop TIL 10 92 소리꽃 KeyBloom TIL 9 93 콘티온 ContiOn TIL 1 94 소리꽃 KeyBloom TIL 10 95 콘티온 ContiOn TIL 2 96 습관만들기 Pawbit TIL 13 97 콘티온 ContiOn TIL 3 98 모래게임 Sandrop TIL 11 99 소리꽃 KeyBloom TIL 11 100 여둘까 Office Layout TIL 5 101 모래게임 Sandrop TIL 12 102 모래게임 Sandrop TIL 13 103 콘티온 ContiOn TIL 4 104 모래게임 Sandrop TIL 14 105 소리꽃 KeyBloom TIL 12 106 습관만들기 Pawbit TIL 14 107 모래게임 Sandrop TIL 15 108 모래게임 Sandrop TIL 16 109 소리꽃 KeyBloom TIL 13 110 온실 GreenHouse TIL 1 111 콘티온 ContiOn TIL 5 112 모래게임 Sandrop TIL 17 113 소리꽃 KeyBloom TIL 14 114 온실 GreenHouse TIL 2 115 콘티온 ContiOn TIL 6 116 모래게임 Sandrop TIL 18 117 콘티온 ContiOn TIL 7 118 모래게임 Sandrop TIL 19 119 소리꽃 KeyBloom TIL 15 120 모래게임 Sandrop TIL 20 121 모래게임 Sandrop TIL 21 122 소리꽃 KeyBloom TIL 16 123 소리꽃 KeyBloom TIL 17 124 소리꽃 KeyBloom TIL 18 125 여둘까 Office Layout TIL 6 126 소리꽃 KeyBloom TIL 19 127 소리꽃 KeyBloom TIL 20 128 콘티온 ContiOn TIL 8 129 콘티온 ContiOn TIL 9 130 로그스톤 상표 셀프 출원 TIL 1 131 소리꽃 KeyBloom TIL 21 132 로그스톤 샵 LogStone Shop TIL 1 133 소리꽃 KeyBloom TIL 22 134 로그스톤 샵 LogStone Shop TIL 2 135 소리꽃 KeyBloom TIL 23 136 모래게임 Sandrop TIL 22 137 모래게임 Sandrop TIL 23 138 소리꽃 KeyBloom TIL 24 139 로그스톤 샵 LogStone Shop TIL 3 140 모래게임 Sandrop TIL 24 141 소리꽃 KeyBloom TIL 25 142 모래게임 Sandrop TIL 25 143 MiniMacro TIL 1 144 모래게임 Sandrop TIL 26 145 콘티온 ContiOn TIL 10 146 Astro가 무엇인지, 왜 옮기는지 147 모래게임 Sandrop TIL 27 148 소리꽃 KeyBloom TIL 26 149 MiniMacro TIL 2 150 로그스톤 샵 LogStone Shop TIL 4 151 메트로놈 Simple Metronome TIL 8 152 모래게임 Sandrop TIL 28 153 여둘까 Office Layout TIL 7 154 메트로놈 Simple Metronome TIL 9 155 블로그 Astro 이관 TIL 156 여둘까 Office Layout TIL 8 157 로그스톤 샵 LogStone Shop TIL 5 158 모래게임 Sandrop TIL 29 159 오픈데이 Openday TIL 1 160 로그스톤 샵 LogStone Shop TIL 6 161 모래게임 Sandrop TIL 30 162 오픈데이 Openday TIL 2 163 모래게임 Sandrop TIL 31 164 Unreal Engine MCP TIL 1 165 모래게임 Sandrop TIL 32 166 소리꽃 KeyBloom TIL 27 167 콘티온 ContiOn TIL 11 168 오픈데이 Openday TIL 3 169 로그스톤 샵 LogStone Shop TIL 7 170 모래게임 Sandrop TIL 33 171 소리꽃 KeyBloom TIL 28 172 오픈데이 Openday TIL 4 173 여둘까 Office Layout TIL 9 174 오픈데이 Openday TIL 5 175 ScorePlayer TIL 1 176 모래게임 Sandrop TIL 34 177 BuildingHub TIL 1 178 ScorePlayer TIL 2 179 여둘까 Office Layout TIL 10 180 BuildingHub TIL 2 181 ScorePlayer TIL 3 182 Unreal Engine MCP TIL 2 183 궁 미로 PalaceMaze TIL 1 184 메트로놈 Simple Metronome TIL 10 185 메트로놈 Simple Metronome TIL 11 186 오픈데이 Openday TIL 6 187 BuildingHub TIL 3 188 Obsidian vault에서 코드만 빼기 — directory junction 189 ScorePlayer TIL 4 190 여둘까 Office Layout TIL 11 191 오픈데이 Openday TIL 7 192 URL은 바뀔 수 있는 것에 묶지 않는다 193 도구는 기능이 아니라 내 일에 맞는지로 고른다 194 돌이키기 힘든 변경은 작게 먼저 확인한다 195 궁 미로 PalaceMaze TIL 2 196 궁 미로 PalaceMaze TIL 3 197 소리꽃 KeyBloom TIL 29 198 오픈데이 Openday TIL 8 199 BuildingHub TIL 4 200 ScorePlayer TIL 5 201 로그스톤 샵 LogStone Shop TIL 8 202 여둘까 Office Layout TIL 12 203 오픈데이 Openday TIL 9 204 BuildingHub TIL 5 205 MiniMacro TIL 3 206 소리꽃 KeyBloom TIL 30 207 오픈데이 Openday TIL 10 208 여둘까 Office Layout TIL 13 209 소리꽃 KeyBloom TIL 31 읽는 중 210 궁 미로 PalaceMaze TIL 4 211 로그스톤 샵 LogStone Shop TIL 9 212 로그스톤 샵 LogStone Shop TIL 10 213 소리꽃 KeyBloom TIL 32