injae

LOOKY 프로젝트에 새로운 기능을 고민하다가 이미지를 업로드하기 전에 해당 이미지 스타일을 AI에게 평가를 받을 수 있는 기능을 추가하기로 하였다. 이미지와 관련된 AI를 제공하는 API가 많지않아서 힘들었지만 그러다가 GEMINI API를 발견했다 !https://blog.google/technology/google-deepmind/gemini-model-updates-february-2025/?fbclid=IwY2xjawISLy9leHRuA2FlbQIxMQABHbqJ-zu5b84bNx1LkghYdtz5m3bqQCwPhqALJ_zWdPnb6dQiqvqacdiXgA_aem_ghSNBqDFnh8AfLY7QxXqNA Gemini 2.0 is now available to everyoneWe’re annou..

Zustand는 작은 용량, 빠른 속도 그리고 확장 가능성을 자랑하는 상태 관리 라이브러리.Zustand, redux, context api등 중에서 전역 상태는 어떻게 관리하면 좋을지 고민을 하게 되었다. 1. 러닝커브vanilla js 기준 공식 홈페이지의 20줄 정도의 예시를 읽어도 쉽게 이해 및 적용이 가능할 정도의 완만하게 낮은 러닝커브를 가지고 있다. 비교군으로 redux를 사용하여 일정 이상 프로젝트를 진행하면, 많은 보일러플레이트와 복잡도를 중간에 참여한 협업자가 이해하려면 꽤나 큰 리소스가 든다. Redux는 유연한 방식으로 어플리케이션의 상태를 관리하기 위한 고급 기능을 제공하는 강력한 라이브러리이다. 규모가 크고 복잡한 소프트웨어 어플리케이션에서 흔히 사용되며 상태 관리에 보다 강력한..

Looky 프로젝트는 페이지에 사용자들이 올린 수많은 이미지들이 표시된다. 웹 페이지에서 이미지는 가장 큰 용량을 차지하는 요소 중 하나이기에 이미지 크기를 최적화하면 로드 해야 할 리소스 용량을 절감하여 성능 개선이 가능할 것이다.이미지 최적화 방법 ?차세대 이미지 형식 사용차세대 이미지 형식인 WebP와 AVIF를 사용하면 이미지 품질을 유지하면서 파일 크기를 크게 줄일 수 있다.WebP구글에서 개발한 이미지 형식으로, 손실 및 무손실 압축을 모두 지원하며 JPEG나 PNG보다 뛰어난 압축 효율을 제공.cwebp 커맨드라인 인코더를 사용하거나 Squoosh (GoogleChromeLabs 의 이미지 압축 웹앱) 를 통해 인코딩을 가능.이미지 Lazy Loading사용자가 실제로 이미지를 볼 때까지 로..