| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- React
- 항해플러스
- wil
- 항해99
- 성장일지
- 백준
- 개발자
- typescript
- rust
- 회고
- naver
- 보안
- GPU
- 분기 회고
- 항해 플러스
- React Query
- webGPU
- FE
- 테스트 코드
- javascript
- 프론트엔드
- 개발공부
- 알고리즘
- 항해
- 성능최적화
- 자바스크립트
- 개발 공부
- 항해 플러스 프론트엔드
- 리뷰
- frontend
- Today
- Total
목록성능최적화 (2)
느릿늘있
[항해 플러스 프론트엔드 3기] 9주차 WIL
Q1. 과제 성능개선 1주차를 마무리하였습니다! 테스트 코드의 여파(?)를 감안해서 분량 조절을 해주셨습니다! 항해 막바지까지 단 한주를 남겨두고 단비와 같은 휴식을 가질 수 있었습니다.ㅎㅎ 과제 주제는 프론트엔드 인프라 성능 최적화였고 내용은 AWS 가입부터 S3 버켓 생성 그리고 CloudFront를 구축해보는 것이었습니다. 프론트엔드 배포 경험은 면접 단골 질문인데 이렇게 쉬운 내용인 줄은 정말 상상도 못했습니다. 간단하고 분량도 적었지만 인프라 관련 지식의 혈이 뚫리는 느낌이었습니다.Q2. 시도 AWS 가입부터 S3, CloudFront 구축, 보고서 작성까지 문제 없이 마무리했습니다. 이번 과제에서 학습한 개념들을 정리하면서 이번주 WIL 간단하게 마무리하도록 하겠습니다.1. GitHub ..
[nextJS] Google Map API 성능 최적화 경험 기록
1. 현상 사이드 프로젝트로 진행 중인 머글래 웹 모듈 4번 작업물인 구글 맵 api를 활용한 지도에 리뷰 표시하는 페이지를 만들 던중 발생한 이슈다. 아래 링크에서 현재 잘 동작하고 있는 것을 확인할 수 있다. https://moglet-web-module.vercel.app/4_googleMaps Moglet Web Module moglet-web-module.vercel.app 처음에는 모든 기능을 index 페이지에 다 몰아 넣고 기능이 동작 가능하게만 만들어서 돌렸다. 그랬더니 노트북 팬이 미친듯이 돌아가고 브라우저는 멈추고 작업관리자 CPU는 100%를 찍고 vercel에 배포는 됬으나 사이트가 먹통이 되어 버렸다. 성능에 문제가 있다는 것을 인지하고 이를 최적화 하기 위해 여러 가지를 시도하..