프론트엔드 개발자 엄성준 블로그

  • 홈
  • 태그

performance.getentriesbytype( "navigation" ) 1

웹 브라우저 페이지 이동으로 들어왔는지, 새로고침으로 들어왔는지 구분하는 법 With React & TypeScript

웹 브라우저 접속 시 페이지 이동으로 들어왔는지, 새로고침으로 들어왔는지 구분을 통해 분기처리를 해야 하는 로직을 작성해야 했습니다. const navInfo = performance.getEntriesByType( "navigation" )[0] as PerformanceNavigationTiming; console.log(navInfo); console.log(navInfo.type);먼저 navInfo의 console.log입니다.navInfo 데이터에서 제가 사용한 값은 type 속성입니다.type은 아래와 같은 규칙을 따릅니다.링크이동: navigate뒤로 가기: back_forward새로고침: reload이 정보를 활용해서 분기처리할 생각입니다.

지식 정리 📝 2024.07.17
이전
1
다음
더보기
프로필사진

꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 블로그입니다.

250x250
  • 카테고리 📂 (396)
    • 코딩 테스트 풀이 🛠 (232)
    • 지식 정리 📝 (92)
    • zero-base 프론트엔드 스쿨 ⛪️ (20)
    • 3월 협업 프로젝트(1석 4조) 👨‍👩‍👧‍👦 (19)

Tag

오토위니, 프론트엔드, 프로그래머스, forEach(), 제로베이스 프론트엔드 스쿨, 프론트엔드 개발자 엄성준, 엄성준, split(), Number(), WiniLogis, autowini, 프론트엔드 개발자, react, sort(), exceljs, 프론트엔드 스쿨, next.js, String(), join(), 제로베이스,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

꾸준함이 강점이자 자랑인 프론트엔드 개발자 엄성준 입니다.

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바