Frontend
버튼과 링크의 역할 나누기, 작은 재현 예제로 좁혀 가기
클릭할 수 있는 글자를 모두 div로 만들면 키보드 조작과 브라우저의 기본 동작을 따로 구현하게 된다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
THE BUILDER’S NOTE
Engineering.
01 / INSIDE THE BUILD만들며 배우고, 배운 것을 나눕니다.
더 나은 제품을 향한 개발의 기록.
최근 이야기
작은 발견부터 깊이 있는 고민까지.
Engineering Culture
리뷰할 수 있는 크기로 변경 나누기, 작은 재현 예제로 좁혀 가기
기능 추가와 이름 변경, 포맷 수정이 한 번에 섞이면 리뷰어가 실제 동작 변화를 찾기 어렵다. 변경을 나누는 기준은 파일 수보다 설명 가능한 목적이다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
AI & Data
학습 데이터와 평가 데이터 나누기, 작은 재현 예제로 좁혀 가기
같은 데이터로 학습과 평가를 모두 하면 모델이 새로운 입력을 얼마나 잘 처리하는지 알기 어렵다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
브라우저 저장값의 버전 관리, 먼저 지킬 계약을 적어 보기
로컬 저장소의 데이터 모양을 바꾼 뒤 예전 값 때문에 화면 초기화가 실패할 수 있다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.
Engineering Culture
아키텍처 결정에 당시의 맥락 남기기, 작은 재현 예제로 좁혀 가기
결론만 남은 설계 문서는 시간이 지나면 왜 그런 선택을 했는지 설명하지 못한다. 제약이 달라졌을 때 바꿀 부분과 지킬 부분을 구분할 수 있어야 한다. 변수를 줄이는 순서를 중심으로 작은 예제와 확인 기준을 정리합니다.
Backend
ETag로 같은 응답 다시 확인하기, 먼저 지킬 계약을 적어 보기
변경되지 않은 자원을 매번 전체로 내려받으면 불필요한 전송이 생긴다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.