WEBBOOK CHAPTER

웹서비스 개발 도구 상자: 1장. 프로그램 이름보다 모르는 경계를 적는다

1장. 프로그램 이름보다 모르는 경계를 적는다

“사이트가 안 돼요”를 URL, 사용자, 시각, 기대, 실제, 재현률, 영향 범위로 바꾼다. 그다음 browser rendering, HTTP, gateway, app, DB, 외부 API 중 어디까지 정상인지 표시한다.


시각: 14:02 KST
입력: cart-1042 / test account
기대: 한 번만 주문 생성
실제: 버튼 spinner 뒤 504
범위: Wi-Fi 사용자 60%, 모바일 LTE 정상
request_id: req_01J...

현재 가설을 반증할 도구를 고른다. DevTools Network가 504를 보여 주면 React state부터 고치지 않는다. DNS lookup이 4초면 DB profiler를 켜지 않는다. 한 번에 한 경계를 좁힌다.