일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- git checkout
- 네이버 부스트캠프
- react
- 스택
- 파이썬
- c++
- 브라우저 동작
- 씨쁠쁠
- 네이버 부스트캠프 멤버십
- Server Side Rendering
- 비디오 스트리밍
- 부스트캠프
- 네이버 부캠
- 파이썬 코딩테스트
- 멘션 추천 기능
- Next.js
- 파이썬 웹크롤링
- 자바스크립트 컴파일
- Image 컴포넌트
- 자바 프로젝트
- 웹크롤링
- beautifulsoup
- React ssr
- 코딩테스트
- 프로그래머스
- React.js
- PubSub 패턴
- 자바스크립트 객체
- 자바스크립트
- Next/Image 캐싱
- Today
- Total
목록웹 (web)/나들이 갈까 프로젝트 (2)
코린이의 개발 일지
프로젝트 소개 서울시 공공데이터 공모전에 아는 분과 함께 참가하게 되었다. 공공데이터를 사용해야 하던 상황이라 주제를 어떤걸로 정할까 고민하다가 '코로나 풀린 시점에 바깥 활동이 많이 늘어났으니, 놀러갈만한 장소 추천해주는 서비스 어때?' 라는 말을 시작으로 기획을 시작했다. 서비스에서 제공할 기능 목록을 우선 쭉 나열하고 그걸 바탕으로 필요한 데이터를 찾았다. 우리 서비스에서 제공할 기능은 사용자가 나들이 계획에 참고할 수 있는 약 10일간의 날씨 정보 사용자 위치 기반 주변 나들이 장소 제공 장소 검색 각 장소들의 상세 정보 제공 모바일 & 데스크탑 환경 모두 제공 크게 위 다섯가지였다. 사용한 공공데이터는 다음과 같다 서울시 주요 공원현황 데이터: http://data.seoul.go.kr/data..
프론트엔드 서버를 AWS에 배포했는데 서버가 자꾸 터지는 상황이 발생했다. EC2 t2.micro 유형으로 배포한 상태였는데, 페이지에 3번정도 접속하면 서버가 자꾸 다운되어서 그 원인을 찾아봤다. 원인 원인은 이미지 파일들이 문제였다. Next.js는 이미지 최적화를 위해 Next/Image 컴포넌트를 제공한다. Next/Image 컴포넌트는 이미지를 반복해서 요청하는 횟수를 줄이기 위해 프론트엔드 서버에 이미지를 캐싱한다. 로컬에서 빌드한 후, .next 폴더를 보면 cache 폴더가 있고 캐싱된 이미지들을 볼 수 있다. 즉 public 폴더에 있는 static 이미지뿐만 아니라 동적으로 불러오는 모든 이미지들을 캐싱하는 것을 확인할 수 있다. 우리 서비스 특성상, 사용자 위치 근처에 있는 장소들의 ..