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