Frontend
로딩과 빈 결과를 구분하기, 작은 재현 예제로 좁혀 가기
검색 결과가 아직 오지 않은 상태와 실제 결과가 없는 상태가 같은 화면으로 표시되곤 한다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
THE BUILDER’S NOTE
Engineering.
01 / INSIDE THE BUILD만들며 배우고, 배운 것을 나눕니다.
더 나은 제품을 향한 개발의 기록.
최근 이야기
작은 발견부터 깊이 있는 고민까지.
Engineering Culture
긴 설명보다 실행 가능한 운영 절차, 작은 재현 예제로 좁혀 가기
장애 상황에서는 시스템의 모든 배경을 처음부터 읽기 어렵다. 현재 증상에 맞는 확인과 다음 행동을 빠르게 찾을 수 있어야 한다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
Backend
실행 계획을 질문으로 읽기, 작은 재현 예제로 좁혀 가기
느린 쿼리를 발견하면 인덱스를 추가하기 전에 어느 단계에서 비용이 생기는지 알아야 한다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
DevOps
문장 대신 필드로 남기는 구조화 로그, 작은 재현 예제로 좁혀 가기
같은 요청의 실패를 찾는데 로그 문장마다 형식이 다르면 검색식이 복잡해진다. 사람이 읽는 설명과 기계가 집계할 필드를 나눌 필요가 있다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
Backend
복합 인덱스의 열 순서, 작은 재현 예제로 좁혀 가기
검색 조건에 들어가는 열을 모두 인덱스에 넣어도 기대한 실행 계획이 나오지 않을 수 있다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
이미지 자리를 미리 확보하기, 작은 재현 예제로 좁혀 가기
이미지가 늦게 로드되면 아래의 글과 버튼이 갑자기 밀려날 수 있다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.