브라우저에 이미지 캐싱하기 - Cache Storage와 crossorigin
Firebase Storage 사용량 초과로 이미지 로딩 지연 문제가 발생했다. 클라이언트가 매번 서버에 요청을 보내는 비효율적인 흐름이 원인이었다. 이를 해결하기 위해 서비스 워커와 Cache Storage를 활용해 이미지 캐싱을 적용했다. 그러나 Response 타입이 'opaque'로 설정되어 헤더를 읽을 수 없는 문제가 발생했다. 결국 crossorigin 속성을 설정해 CORS 문제를 해결했다.//">Firebase Storage 사용량 초과로 이미지 로딩 지연 문제가 발생했다. 클라이언트가 매번 서버에 요청을 보내는 비효율적인 흐름이 원인이었다. 이를 해결하기 위해 서비스 워커와 Cache Storage를 활용해 이미지 캐싱을 적용했다. 그러나 Response 타입이 'opaque'로 설정되어..
프로젝트 기여하면서 sequelize 배워보기
예전부터 관심이 있었던 “대학시간” 프로젝트에서 운영과 개발자를 이어서 할 생각이 있는 사람을 뽑는다는 공지에서부터 시작 되었다.학기 초마다 애용하던 서비스였고, ReactJS 를 사용한 프로젝트라니 그냥 지나갈 수가 없었다.크롤러 기여가장 먼저 주어진 과제는 수강신청 데이터를 불러오는 크롤러를 개선시키는 것이다. 보통 크롤링을 할 때 puppetter 을 많이 사용한다. 가상 브라우저를 만들어 우리가 브라우저를 사용하는 것처럼 사용할 수 있어 직관적이고 사용하기가 쉽다. 하지만, 치명적인 단점이 있는데, 속도가 많이 느리고 페이지마다 로딩을 기다리는 것이 장점이, 그리고 단점이 될 수 있다. 보통 puppetter 은 직 링크를 통해 요청을 보낼 수 없거나, Client Side Rendering (C..