오늘 한 일
- 웹 프론트엔드 공부
Omnifood Project - Effects, Optimizations and Deployment
배운 것
css property
의 브라우저 지원 여부 확인하기 (ex. caniuse.com)
- 브라우저 개발자 도구의
Lighthouse
를 사용하여 웹페이지 성능 테스트 가능 (성능, 접근성, SEO 등)
- favicon과 meta description 추가하기
이미지 최적화
- 사용할 이미지의 가로x세로 크기는 실제 웹페이지에 표시될 크기의 2배 이상이어야 한다.
- 또한 compress tool을 사용하여 용량을 최적화한 brower png 또는 webp 파일을 사용한다.
- 무료 호스팅 사이트 (개인용도) netlify
강의 수료!
이로써 HTML, CSS 강의 수강을 완료했다.
다음 공부는 JavaScript가 될 것이고, 같은 강사의 강의를 참고할 것이다.