앞으로의 과제
- 이미지 작업 시 용량 최적화에 신경 쓰자
- Can I Use: 브라우저 지원 여부를 검색할 수 있다
keyword
- 영어: 전세계 55%의 자료는 영어로 되어있다, 한국어는 2.5% 정도.. 프로그래밍 관련은 더 심한 차이를 보일 것
- 테스트 환경: 사용하고 있는 환경에 따라 에러의 이유와 해결 방법에 차이가 있을 수 있다
spuoosh.app: 이미지 컨버팅을 제공해준다
잘하기
잘하기로 자라기
질문 잘하기
무엇을 어떻게 질문해야 하는지
불필요한 소통으로 인해 발생하는 손실을 어떻게 줄일 수 있을지
생각해봐야 한다
검색 잘하기
검색을 잘하려면 구글 영어 검색을 생활화 해야한다
적어도 영문 읽기, 특히 개발 관련 글에서 자주 사용되는 단어들 정도는 빠르게 이해할 수 있도록 하자
라이브러리 등의 이슈는 git hub - issues에서 찾아 보는 것도 좋다
이미지 최적화
웹사이트에서 용량은 성능에 직결되는 요소
특히 이미지는 대부분 큰 용량을 차지하기 때문에
요소마다 적절한 최적화를 하여 용량을 최소화 할 필요가 있다
WebP 방식: 용량은 작지만 사파리 구 버전에서 지원하지 않기 때문에 아직은 사용하기 어렵다
MozJPEG: 매우 적절함
OxiPNG: 적은 색상이 사용되는 이미지에 사용하기 좋다
color의 개수를 조금씩 줄여가면서 크게 문제되지 않는다면 줄이면 좋다
gif 파일은 움직이는 이미지를 제외하고는 사용하지 않는다
jpg는 손실 압축 - 원본이 뭉게지면서 압축
png는 손실을 최소화 하지만 색상을 줄이면 품질 차이가 큼
백엔드에서 자동으로 크기 등을 처리해주는 시스템을 만들어야 한다
-> 여러 버전의 이미지를 사용처에 맞게 제공할 수 있어야 함
떠돌이 생활을 하는. 실업자, 부랑 생활을 하는