프린세스 다이어리

우선 사용할 줄 아는 척하려면 일단 이게 뭔지, 실행시키면 어떻게 생겼는지 알아야 한다. 이 글에서는 사이트 성능을 구체적으로 개선하는 방법이 아니라 구글 라이트하우스로 측정한 리포트의 각 요소들이 어떤 정보를 제공하는지, 왜 이런 리포트의 점수 결과가 좋게 나와야 하는지 등을 정리해볼 것이다. ✐ 라이트하우스 리포트 내용을 구체적으로 개선해보는 글 구글 라이트하우스는 웹사이트를 개발하는 모든 개발자들이 사이트 성능을 개선하기 위해 알아야 하는 툴이다. 무료이고 사용하기 엄청 쉬워서 당장 내가 개발한 사이트가 뭐가 문젠지 뭘 개선해야 하는지 원클릭에 알아볼 수 있다. 라이트하우스는 크롬 익스텐션으로 추가하는 방법과, 개발자 도구를 활용하는 방법이 있는데, 나는 크롬 익스텐션을 추가했다. 구글에 "구글 라..

이 글을 임시저장을 하며 조금씩 쓰고 있는 차에, 마침 오늘 코드 리뷰 도중에 경력직 신규 입사자 분께서 질문을 하셨다. "혹시 네트워크 환경이 좋지 않을 때도 대비하여 작업하시는 건가요?" 화면을 공유하시곤, 크롬 네트워크 창에서 있는지도 몰랐던 작은 드롭다운을 열어 '빠른 3G' 탭을 클릭했다. 그리곤 우리가 열심히 작업한 웹뷰 페이지를 새로고침 했더니 안타까운 모습이 나타났다. 기본적인 마크업 화면에 데이터가 받아와지지 않은 휑한 모습으로 뻘쭘하게 몇 초를 기다린 후에야 온전한 페이지가 나왔다. 서비스를 구상하고 실제로 구현할 때 꼭 염두에 두어야 하는 UX 벌집 모형이 있다. 바로 2004년 피터 모빌이 제시한 "User Experience Honeycomb"이다. Useful, Usable, D..