240126 TIL

<기술면접질문>

• 이미지 최적화에 대해 설명해주시고 방법에 대해 설명해주세요.
  이미지 최적화는 웹 페이지 로딩 속도를 향상시키기 위해 중요하며, 적절한 형식을 선택하는 것이 필요하다. 이미지의 해상도를 실제 표시 크기에 맞게 조정하고, 불필요한 메타데이터를 제거한다. 손실 및 무손실 압축을 이용해 파일 크기를 줄이며 품질을 유지한다. 이미지 지연 로딩을 적용해 로딩 효율을 높인다. CDN을 사용하여 전 세계 서버 네트워크로 빠른 로딩 시간을 제공한다. 자동 최적화 도구를 활용해 여러 최적화 단계를 간소화하고 웹사이트 성능을 향상시킨다.

• 프론트엔드 개발 시 개발자 도구를 활용한 경험이 있다면 설명해주세요.
  프론트 엔드 개발자로써 레이아웃 구성요소들을 주기적으로 체크하며 개발자 도구 내에서 동적으로 스타일을 변경해 가며 내가 원하는 레이아웃을 만들거나 css 적인 디버깅을 할때 굉장히 자주 활용하며 서버로부터 데이터를 주고 받는 과정에서 정상적인 신호를 보내고 기대하는 데이터가 기대하는 매개변수명을 들고 오는지 체크하는 것과 신호가 불필요하게 여러번 오고가지 않는 지를 체크할때, 서버와 쿠키와 헤더를 통해 토큰을 정상적으로 주고 받는지, 때때로 필요한 쿠키와 로컬스토리지 변수가 정상적으로 생성되고 조회가 되는지를 체크하기 위해 항상 사용합니다.