Frontend
움직임을 줄인 화면 제공하기, 유지보수할 때 남겨 둘 예제
화면 전환과 반복 애니메이션이 모든 사용자에게 편안한 것은 아니다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
THE BUILDER’S NOTE
Engineering.
01 / INSIDE THE BUILD만들며 배우고, 배운 것을 나눕니다.
더 나은 제품을 향한 개발의 기록.
찾고 있던 이야기
작은 발견부터 깊이 있는 고민까지.
카테고리Frontend
필터 초기화Frontend
레이아웃 읽기와 쓰기 모으기, 유지보수할 때 남겨 둘 예제
반복문에서 요소 크기를 읽고 스타일을 바꾸는 작업을 섞으면 레이아웃 계산이 잦아질 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
웹폰트 로딩과 대체 글꼴, 유지보수할 때 남겨 둘 예제
웹폰트가 내려오기 전 텍스트가 보이지 않거나 줄바꿈이 갑자기 달라질 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
모달을 닫은 뒤 포커스 돌려주기, 유지보수할 때 남겨 둘 예제
모달을 닫은 뒤 키보드 포커스가 사라지면 사용자가 작업 위치를 잃는다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
중복 제출을 다루는 화면 상태, 유지보수할 때 남겨 둘 예제
저장 버튼을 빠르게 두 번 누르면 같은 요청이 반복될 수 있다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
폼 오류를 수정 가능한 문장으로 쓰기, 유지보수할 때 남겨 둘 예제
폼 제출이 실패했는데 잘못된 입력이라는 문구만 표시되면 사용자는 무엇을 고칠지 알기 어렵다. 다시 읽을 수 있는 최소 맥락를 중심으로 작은 예제와 확인 기준을 정리합니다.