Frontend
목록의 key와 항목의 정체성, 유지보수할 때 남겨 둘 예제
목록 앞에 항목을 추가했을 때 입력값이나 선택 상태가 다른 행으로 옮겨갈 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
THE BUILDER’S NOTE
Engineering.
01 / INSIDE THE BUILD만들며 배우고, 배운 것을 나눕니다.
더 나은 제품을 향한 개발의 기록.
찾고 있던 이야기
작은 발견부터 깊이 있는 고민까지.
카테고리Frontend
필터 초기화Frontend
배열을 직접 수정하지 않는 갱신, 유지보수할 때 남겨 둘 예제
목록의 객체를 직접 바꾸면 이전 상태와 새 상태의 차이를 추적하기 어려워진다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
구독의 시작과 끝 짝짓기, 유지보수할 때 남겨 둘 예제
화면을 여러 번 열고 닫은 뒤 같은 이벤트가 중복 처리되는 문제가 생길 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
상태를 필요한 곳에 두기, 유지보수할 때 남겨 둘 예제
검색창의 입력 상태가 페이지 전체에 있으면 무관한 컴포넌트까지 변경을 따라가야 한다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
검색 요청의 순서 뒤집힘 막기, 유지보수할 때 남겨 둘 예제
빠르게 입력한 검색어의 응답보다 이전 검색어의 응답이 늦게 도착할 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
검색 조건을 URL에 보관하기, 유지보수할 때 남겨 둘 예제
목록에서 상세로 갔다가 돌아오면 검색어와 페이지가 사라져 탐색을 다시 시작하게 된다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.