Naver Map 썸네일형 리스트형 Junction Asia 2023 해커톤 참가/수상 후기 참가 배경작년에 참가한 Junction Asia 2022의 경험이 좋았어서 이번에도 참가하기로 했다.(Junction Asia 2022 참가 후기)카이스트 SPARCS 해커톤에 참가했던 4명의 팀원들과 새로운 디자이너 1명과 함께 팀을 구성하게 되었다.(SPARCS 참가 후기)준비 과정Junction은 SPARCS 해커톤과 달리 주제를 사전에 알려주지 않기 때문에 미리 준비할 것은 없었다.다같이 모여 가볍게 인사를 나누고 5개의 Track Partners 기업이 어떤 프로덕트를 서비스하고 있는지, 그렇다면 어떤 주제가 나올 수 있을지 예상해보는 시간을 가졌다.(이번에도 역시 큰 도움은 되지 않았다😅)팀이름을 미리 정했는데, 5명 모두 같은 학교라 교목인 zelkova(느티나무)로 했다.Day 1당일 저.. 더보기 이미지 용량 최적화하기(feat. picture tag, sprite image) 프로젝트: loplat UI, 채식 지도 키워드: picture tag, source tag, WebP, sprite image, naver map marker, image optimization 상황 1 loplat UI의 Spinner 컴포넌트는 용량이 큰 sprite image와 css 애니메이션을 통해 구현했다. (참고: css animation steps로 Spinner 구현하기) gif를 사용하지 않고 png로 구현했음에도 아직 이미지 용량이 크다는 생각이 들었다. WebP 형식을 사용하려다가 safari 브라우저에서 지원하지않아 보류했는데, 크롬에서라도 WebP 이미지를 지원하고자 한다. 해결방법 1 picture tag를 사용하면 browser/display마다 최적의 이미지를 제공할 수 .. 더보기 이전 1 다음
