🥞 오늘 한 일

• 최종 프로젝트
  • 결제에 필요한 페이지들 와이어프레임 제작
  • 결제 로직 설계
  • 마이 페이지 내가 쓴 공구템 진행 중
• 기술면접 연습 3개

기술면접 연습

• eslint같은 linter가 중요한 이유를 설명해주세요.
  • linter는 코드 품질을 향상시키고, 일관된 스타일을 유지하게 해주는 도구입니다. 특히 협업할 때 도움이 많이 되는데, 개발자마다 서로 다른 코드 스타일을 가지고 있는 경우에 코드의 일관성을 위해 linter를 도입하면 향후 유지 보수에 도움이 됩니다.
• 웹팩 같은 bundler에 대해 알고 계신가요?
  • 네, 번들러는 자바스크립트 모듈과 파일들을 하나로 합쳐주는 도구로써, 개발을 할 때 유지 보수나 가독성의 이유로 코드를 모듈이나 파일 단위로 나누게 되는데, 번들러는 이런 파일들을 하나로 묶어 최적화를 통해 코드를 압축합니다.
• Lighthouse를 이용하여 Web Vital 진단 및 최적화를 진행할 수 있다.
  • 먼저 lighthouse는 웹 페이지의 성능, 접근성, seo 등을 분석하는 오픈 소스 도구이고, web vital은 웹 페이지의 사용자 경험을 측정하는 주요 지표로 LCP(최대 콘텐츠 렌더링 시간), FID(최초 입력 지연), CLS(누적 레이아웃 이동) 등이 있습니다. Lighthouse를 사용해 페이지 성능을 진단하고, 제안된 개선 사항을 적용시켜 web vital을 최적화할 수 있습니다.

🍴 돌아보기

뭔가 생각보다 진행된 것 없이 하루가 가서 아쉽다... 이 감정 그대로 주말에 갖고 가서 제대로 맡은 부분을 해내고 추가적으로 결제 로직까지 다 짜는 것을 목표로 해야겠다.

🍳 내일 목표

• 최종 프로젝트
  • 마이 페이지 내가 쓴 공구템 페이지 완성
  • 자취템 리스트 더보기 기능 제작
  • 결제 관련 페이지들 제작