Frontend
중복 제출을 다루는 화면 상태, 실패를 설명할 단서 남기기
저장 버튼을 빠르게 두 번 누르면 같은 요청이 반복될 수 있다. 결과와 원인을 구분하는 기록를 중심으로 작은 예제와 확인 기준을 정리합니다.
THE BUILDER’S NOTE
Engineering.
01 / INSIDE THE BUILD만들며 배우고, 배운 것을 나눕니다.
더 나은 제품을 향한 개발의 기록.
찾고 있던 이야기
작은 발견부터 깊이 있는 고민까지.
카테고리Frontend
필터 초기화Frontend
폼 오류를 수정 가능한 문장으로 쓰기, 실패를 설명할 단서 남기기
폼 제출이 실패했는데 잘못된 입력이라는 문구만 표시되면 사용자는 무엇을 고칠지 알기 어렵다. 결과와 원인을 구분하는 기록를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
목록의 key와 항목의 정체성, 실패를 설명할 단서 남기기
목록 앞에 항목을 추가했을 때 입력값이나 선택 상태가 다른 행으로 옮겨갈 수 있다. 결과와 원인을 구분하는 기록를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
배열을 직접 수정하지 않는 갱신, 실패를 설명할 단서 남기기
목록의 객체를 직접 바꾸면 이전 상태와 새 상태의 차이를 추적하기 어려워진다. 결과와 원인을 구분하는 기록를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
구독의 시작과 끝 짝짓기, 실패를 설명할 단서 남기기
화면을 여러 번 열고 닫은 뒤 같은 이벤트가 중복 처리되는 문제가 생길 수 있다. 결과와 원인을 구분하는 기록를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
상태를 필요한 곳에 두기, 실패를 설명할 단서 남기기
검색창의 입력 상태가 페이지 전체에 있으면 무관한 컴포넌트까지 변경을 따라가야 한다. 결과와 원인을 구분하는 기록를 중심으로 작은 예제와 확인 기준을 정리합니다.