본문으로 바로가기

코드에 빠지다

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
관리자
  • 블로그 이미지
    구하천포

    개인 프로젝트 정리 및 개발 관련 지식 공유를 위한 블로그입니다.

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

next 페이지 이동 이벤트 검색 결과

해당 글 1건

Next에서 특정 페이지에 사용자가 머무는 시간 측정 방법

구글 애널리틱스(GA)를 이용하여 해결할 수 있습니다. 그러나 자체적으로 관리하기 위해 커스텀 훅을 구현하였습니다.학습 개념Next.js 페이지 로드 이벤트Next.js 페이지 이탈, 종료 이벤트Next.js 새로고침 이벤트usePageStayDurationusePageStayDuration 훅은 사용자가 현재 페이지에 머무는 시간을 측정하는 기능을 제공합니다.이 훅은 Next.js의 라우터 이벤트를 활용하여 페이지 전환 및 새로 고침 시 머무른 시간을 기록합니다.아래에서 이 훅의 동작 방식과 구현 세부 사항을 설명하겠습니다.코드먼저 구현된 코드를 확인해보도록 하겠습니다.import { useRouter } from "next/router";import { useEffect, useRef } from "..

공유/React, Next 2024. 10. 16. 18:30
  • 이전
  • 1
  • 다음

사이드바

NOTICE

  • 코드에 빠지다
  • 전체 보기
MORE+

CATEGORY

  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

Trackback

TAG

  • nextjs
  • javascript
  • 개발자 회고
  • React 채팅
  • Git
  • Node 채팅
  • react-hook-form
  • ESLint
  • Electron
  • 자바스크립트
  • React 기초
  • socket.io 채팅
  • react
  • typescript
  • 회고록
MORE+

ARCHIVE

CALENDAR

«   2025/05   »
일 월 화 수 목 금 토
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

LINK

VISITOR

오늘
어제
전체
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT 코드에 빠지다, ALL RIGHT RESERVED.
코드에 빠지다
블로그 이미지 구하천포 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
CATEGORY
  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바