Frontend
브라우저 저장값의 버전 관리, 먼저 지킬 계약을 적어 보기
로컬 저장소의 데이터 모양을 바꾼 뒤 예전 값 때문에 화면 초기화가 실패할 수 있다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.
THE BUILDER’S NOTE
Engineering.
01 / INSIDE THE BUILD만들며 배우고, 배운 것을 나눕니다.
더 나은 제품을 향한 개발의 기록.
찾고 있던 이야기
작은 발견부터 깊이 있는 고민까지.
카테고리Frontend
필터 초기화Frontend
시간대가 다른 날짜 표시, 먼저 지킬 계약을 적어 보기
서버의 날짜 문자열을 그대로 표시하면 접속 지역에 따라 게시일이 달라질 수 있다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
움직임을 줄인 화면 제공하기, 먼저 지킬 계약을 적어 보기
화면 전환과 반복 애니메이션이 모든 사용자에게 편안한 것은 아니다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
레이아웃 읽기와 쓰기 모으기, 먼저 지킬 계약을 적어 보기
반복문에서 요소 크기를 읽고 스타일을 바꾸는 작업을 섞으면 레이아웃 계산이 잦아질 수 있다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
웹폰트 로딩과 대체 글꼴, 먼저 지킬 계약을 적어 보기
웹폰트가 내려오기 전 텍스트가 보이지 않거나 줄바꿈이 갑자기 달라질 수 있다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.
Frontend
모달을 닫은 뒤 포커스 돌려주기, 먼저 지킬 계약을 적어 보기
모달을 닫은 뒤 키보드 포커스가 사라지면 사용자가 작업 위치를 잃는다. 동작보다 먼저 정할 기준를 중심으로 작은 예제와 확인 기준을 정리합니다.