250x250
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- jest
- JavaScript
- 리액트네이티브 엔진
- 자바스크립트
- 호텔 대실
- 구름톤챌린지
- 구름톤
- ResizeObserver
- 테이블 해시 함수
- 과제 진행하기
- 날짜 테스트
- 헤르메스 엔진
- nextjs-performance
- 구름톤 챌린지
- mock date
- 프로그래머스
- 리액트네이티브
- 귤 고르기
- mutationobserver
- create-next-app
- 중첩 점
- Leetcode #javascript #알고리즘 #Algorithms #js
- Hermes Engine
- Google 애널리틱스
- 테스트 Date
- 최솟갑 구하기
- Jest uuid syntax
- nextjs
- 연결 요소 제거하기
- 통신망분석
Archives
- Today
- Total
목록nextjs-performance (1)
나만보는개발공부블로그
Nextjs Sentry Performance 설정하기
내가 만든 사이트의 사용자들이 겪는 불편함 및 사이트 성능 이슈들을 확인하고 싶은데 여러가지 방법을 찾아봤다. 첫번째로는 Nextjs performance 관련 공식 document에는 reportWebVitals 의 함수가 존재한다. 이 함수에서 metric 데이터들을 받아올 수 있는데 이 값을 통해서 통계를 만들어 낼 수 있다. export function reportWebVitals(metric) { console.log(metric) } 내가 생각한 간단한 방법은 Google Analytics를 통해서 데이터를 전송해주는 방법이였는데 이 방법으로 진행할 경우 event 타입으로 받아오는 value들을 GA 통계화면에서 한번에 보기 힘들어서 어려움을 겪었다. GA 태그로 전송하는 방법은 다음 코드와..
Web Development/Front
2023. 1. 9. 21:23