Frontend
상태를 필요한 곳에 두기, 유지보수할 때 남겨 둘 예제
검색창의 입력 상태가 페이지 전체에 있으면 무관한 컴포넌트까지 변경을 따라가야 한다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
THE BUILDER’S NOTE
Engineering.
01 / INSIDE THE BUILD만들며 배우고, 배운 것을 나눕니다.
더 나은 제품을 향한 개발의 기록.
찾고 있던 이야기
작은 발견부터 깊이 있는 고민까지.
카테고리Frontend
필터 초기화Frontend
검색 요청의 순서 뒤집힘 막기, 유지보수할 때 남겨 둘 예제
빠르게 입력한 검색어의 응답보다 이전 검색어의 응답이 늦게 도착할 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
검색 조건을 URL에 보관하기, 유지보수할 때 남겨 둘 예제
목록에서 상세로 갔다가 돌아오면 검색어와 페이지가 사라져 탐색을 다시 시작하게 된다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
로딩과 빈 결과를 구분하기, 유지보수할 때 남겨 둘 예제
검색 결과가 아직 오지 않은 상태와 실제 결과가 없는 상태가 같은 화면으로 표시되곤 한다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
이미지 자리를 미리 확보하기, 유지보수할 때 남겨 둘 예제
이미지가 늦게 로드되면 아래의 글과 버튼이 갑자기 밀려날 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
Grid로 카드 열 수 조절하기, 유지보수할 때 남겨 둘 예제
화면 폭마다 카드 개수를 직접 지정하면 미디어 쿼리가 늘어나기 쉽다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.