일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- Server Side Rendering
- Next.js
- PubSub 패턴
- 자바스크립트 객체
- Image 컴포넌트
- c++
- 파이썬 웹크롤링
- React.js
- 비디오 스트리밍
- 네이버 부캠
- 코딩테스트
- 씨쁠쁠
- React ssr
- 멘션 추천 기능
- 네이버 부스트캠프
- beautifulsoup
- 파이썬
- 스택
- 네이버 부스트캠프 멤버십
- git checkout
- 파이썬 코딩테스트
- 자바 프로젝트
- Next/Image 캐싱
- react
- 부스트캠프
- 웹크롤링
- 브라우저 동작
- 자바스크립트
- 자바스크립트 컴파일
- 프로그래머스
Archives
- Today
- Total
목록Next/Image 캐싱 (1)
코린이의 개발 일지

프론트엔드 서버를 AWS에 배포했는데 서버가 자꾸 터지는 상황이 발생했다. EC2 t2.micro 유형으로 배포한 상태였는데, 페이지에 3번정도 접속하면 서버가 자꾸 다운되어서 그 원인을 찾아봤다. 원인 원인은 이미지 파일들이 문제였다. Next.js는 이미지 최적화를 위해 Next/Image 컴포넌트를 제공한다. Next/Image 컴포넌트는 이미지를 반복해서 요청하는 횟수를 줄이기 위해 프론트엔드 서버에 이미지를 캐싱한다. 로컬에서 빌드한 후, .next 폴더를 보면 cache 폴더가 있고 캐싱된 이미지들을 볼 수 있다. 즉 public 폴더에 있는 static 이미지뿐만 아니라 동적으로 불러오는 모든 이미지들을 캐싱하는 것을 확인할 수 있다. 우리 서비스 특성상, 사용자 위치 근처에 있는 장소들의 ..
웹 (web)/나들이 갈까 프로젝트
2023. 5. 30. 12:34