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