개발 일지

[비개발] 화면설계 & 프로토타이핑 툴 정리 프론트엔드 개발자라면 반드시 알아두어야 할 32가지 ui 요소 번역 웹/모바일 화면사이즈 기준 참고 초보자를 위한 스토리보드 작성 Tip [개발] 모바일 터치, 제스처 등이 적용되는 하이브리드 웹에 적용하기 좋은 라이브러리 : PhotoSwipe (강추)개발자도구 파헤치기 : 크롬 개발자도구 사용설명서 ✨ 공개적으로 학습하라! GraphQL 가이드북 읽기 좋은 코드가 좋은 코드다 ✨ 신입에게 추천하는 프론트엔드 가이드 ← 링크모음집 유용한 10가지 자바스크립트 유틸 함수 스토리북 소개글 강추 [유용한 라이브러리 모음] mozilla pdf.js : https://github.com/mozilla/pdf.js#online-demo alert javascript ..

1. 필요성 위의 로딩 이미지를 아마 한 번쯤은 모두가 접해 보았을 것이다. 페이지가 로딩되면서 UI가 렌더링이 되기 전에 위와 같은 이미지들을 노출시켜서 사용자가 기다릴 수 있도록 유도하는 것이다. 그러나 사용자 입장에서 이러한 화면을 보는 것이 그렇게 유쾌하지는 않다. 웹은 그 기능이 다양해짐에 따라 정적인 요소(html, css, javascript) 뿐만 아니라 동적인 요소(데이터베이스 연동, API 통신 등) 들을 다루게 되면서 복잡도가 증가하고, 거대해졌다. 무거워진 웹은 사용자에게 보여지기까지 수초가 걸리게 한다. 이러한 로딩 시간의 길어짐은 사용자의 경험(UX)에 직접적인 영향을 미친다. 지연속도가 늘어날수록 이탈률은 증가하며 구매 전환율은 급감한다. 우리의 사용자는 기다려주지 않는다. 프..