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

며칠 쫓던 광고 버그

배너를 끄니 두 번 다 정상이었다

앞선 TIL 25에서 몰입 모드를 첫 화면 뒤로 미뤄 고쳤다고 본 그 닫기 버튼 문제가 다시 나왔다. 전면 광고의 X가 안 그려졌다. 앞선 TIL 30에서 배너가 매번 새로 만들어지며 전면 광고까지 무너뜨린 적이 있어서, 이번에도 화면 아래 배너를 의심했다. 배너를 끄고 내가 기기에서 광고를 띄워 보니 두 번 다 정상이었고, 로그에 있던 오류도 0건이 됐다. 증상과 기록이 같이 움직였으니 꽤 그럴듯했다.

그런데 배너를 다시 켠 상태로도 두 번 다 정상이었다. 가설이 죽었다. 배너가 없던 시절에도 이 증상이 있었다는 걸 내가 떠올리지 않았으면, 두 번 성공만 보고 배너를 걷어낸 채 엉뚱한 원인을 적어 뒀을 것이다.

이 증상은 원래 간헐적이다. 아무것도 안 고쳐도 절반은 성공하니, 성공 몇 번은 증거가 못 된다.

  • “끄니까 된다”는 절반이다. “켜니까 안 된다”까지 봐야 원인이라고 말할 수 있다. 이렇게 비교하려고 조건 하나만 바꿔 돌려 보는 쪽을 대조군이라고 한다
  • 가끔만 나는 증상이면 몇 번의 성공으로 판정하지 않는다. 확신이 클수록 반대쪽을 한 번 더 돌려 본다

범인은 어제 넣은 수정 두 개였다

배너가 아니면 무엇인가. 전날 이 문제를 고치려고 두 가지를 넣었는데, 알고 보니 그 둘이 각각 새 증상을 만들고 있었다. 둘 다 되돌리고 기기에서 다시 해 보니 네 번 연속 정상이었다.

그동안 원래 증상을 보고 있다고 생각했지만, 실제로는 고치려고 넣은 것이 만든 부작용을 보고 있었던 것이다.

  • 한 번에 한 가지만 바꾼다. 여러 개를 섞어 넣으면 무엇이 무엇을 깼는지 못 가른다
  • 안 통한 시도는 남기지 말고 되돌린다. 남겨 두면 다음 시도를 볼 때 그것까지 섞여 보인다

화면이 미세하게 떨렸다

떨림을 잡는 방법이 셋이었고 대가가 다 달랐다

게임을 하다 보니 그림이 미세하게 떨렸다. 처음엔 광고로 넘어갈 때만 그런 줄 알았는데 해 보니 평소에도 났다.

앞선 TIL 14에서 세로 공간을 벌려고 시스템 네비바를 숨기는 몰입 모드를 켰다. 그런데 화면 가장자리를 건드리면 네비바가 잠깐 나타난다. 그때마다 쓸 수 있는 영역(안전 영역 — 시스템 표시줄에 가리지 않는 화면 부분)이 바뀌고 판이 다시 계산된다. 아래쪽 바스켓을 누르다 보면 가장자리를 자주 건드리니 계속 떨렸다. 계산은 매번 받은 값대로 정확히 하고 있었고, 흔들린 건 들어가는 값이었다.

방법은 셋이었다.

방법                              결과              대가
광고를 띄울 때만 영역 값 고정       광고 전환만 잡힘     게임 중엔 그대로 떨림
네비바 자리를 늘 비워 두기          안 떨림            화면이 좁아짐
값을 고정하되 위쪽 여백만 남기기     안 떨림            거의 없음

세 번째로 하기로 했다. 셋을 다 기기에서 해 보니 몰입 모드로 벌어 둔 공간을 지키면서 떨림만 없어지는 건 그것뿐이었다.

  • 결과가 흔들리면 계산보다 입력이 흔들리는지를 먼저 본다
  • 방법을 고를 때 “되는가”만 보지 않는다. 무엇을 내주는지가 실제 기준이다

손그림 도안의 색이 뭉개졌다

원본과 색이 다르다며 여섯 개를 짚었다

손으로 그려 넣은 도안이 있다. 도안을 그린 사람이 게임에 들어간 걸 보고 자기가 넣은 색과 다르다며 여섯 개를 짚었다. 호랑이 흰 얼굴이 회색으로 눌려 있었고, 호랑이 코와 떡볶이 파가 사라졌고, 떡볶이 양념 두 색이 하나로 합쳐져 있었다.

전수로 보니 원인이 넷 겹쳐 있었는데, 전부 사진에서 도안을 뽑을 때를 위해 만든 규칙이었다.

  • 배경과 가까운 색을 떼어 놓으려고 흰 부분을 어둡게 눌렀다
  • 몇 칸 안 되는 색은 바스켓 하나를 쓸 가치가 없다고 지웠다
  • 비슷한 색끼리 합쳤다
  • 색을 줄이는 과정에서 두 색을 평균으로 묶었다

사진은 색이 수천 개고 경계마다 얼룩이 있으니 이 규칙들이 필요하다. 그런데 손그림은 한 칸 한 칸 정확한 색으로 찍혀 있고, 작은 색은 얼룩이 아니라 일부러 넣은 코와 파였다. 같은 규칙이 정반대로 작동한 것이다. 손그림은 색 줄이기를 건너뛰게 했다.

앞선 TIL 8에서 흰색은 지키고 대비가 모자라면 배경을 내리기로 했다. 흰 얼굴이 눌린 건 그 결정이 손그림 쪽에서 다시 깨진 것이다. 이번에도 그림의 주요 색은 그린 사람이 넣은 대로 두고 배경을 옮기기로 했다. 배경은 앱이 정하는 값이고 그림은 받은 것이다.

  • 규칙에는 만들어진 전제가 있다. 대상을 넓힐 때 규칙을 그대로 물려주지 말고 그 전제가 새 대상에도 맞는지 본다
  • 받은 것과 우리가 정하는 것이 부딪히면 우리가 정하는 쪽을 옮긴다

색을 살렸더니 난이도가 바뀌었다

색을 살리니 바스켓이 늘었고, 바스켓이 늘면 판이 어려워진다. 여섯 판을 다시 만들어 목표 난이도와 대조하니 다섯이 맞았다.

하나는 못 맞췄다. 그림이 화면을 꽉 채워 벽을 놓을 자리가 없었고, 벽을 더 쓸 수 있게 늘려도 결과가 그대로였다. 숫자가 모자란 게 아니라 놓을 자리가 없는 것이었다.

그대로 가기로 했다. 앞선 TIL 16에서 색을 뭉개 그림을 망치느니 어렵게 나온 걸 그대로 보여 주는 쪽을 택했는데, 같은 판단이다.

  • 값을 늘렸는데 결과가 안 변하면 그 값이 병목이 아니다. 더 키우지 말고 다른 제약을 찾는다
  • 못 맞춘 것은 조용히 넘기지 않는다. 무엇을 해 봤고 어디까지 갔는지, 남은 선택지와 그 대가가 같이 올라와야 고를 수 있다

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