Study/etc(2)
-
[Lighthouse] Lighthouse를 이용해서 프로젝트 돌아보기
Lighthouse란? 사이트를 검사하여 성능 측정 할 수 있는 도구이다. 크롬에서 접근하는 방법은 F12 > Lighthouse 탭에 들어가면 간단하게 볼 수 있다. 성능 First Contentful Paint는 사용자가 화면에 어떤 일이 있는지 인지할 수 있는 시간인 텍스트와 이미지 요소가 화면에 렌더링 되는 시간이다. Time to Interactive 상호작용이 가능해지는 시점이다. Speed Index는 뷰포트 내의 콘텐츠가 채워지는 속도이다. Total Bloking Time은 상호작용하지 못하는 시간의 총합을 의미한다. Largest Contentful Paint는 가장 넓은 영역을 차지하는 이미지나 텍스트 요소가 처음 로딩되는 시점이다. Comulative Layout Shift는 예상치..
2022.10.07 -
프론트엔드 개발자 지망생에게 UI/UX란?
UI, UX란? UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. UX(User Experience, 사용자 경험)의 사전적 의미는 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 의미한다. UI와 UX에 대해서 이 그림 하나로 설명이 되어버렸다. 프론트엔드 개발자에게 UI, UX란 어떤 의미일까? 한 사이트를 참고하면 UI/UX디자이너는 UI를 디자인하고, 퍼블리셔는 디자이너가 그려준 걸 화면에 코드로 그리고, 프론트엔드는 뒷단 서버 개발을 고려하며 코드를 짠다고 한다. 프론트엔드 개발자가 되기 위해 공부하며, 어떤 개발자가 되어야 할지 늘 고민하고 있다. 알고리즘 스터디에서 문제를 풀다 보면 가독성..
2022.08.23