반응형
Jake Seo
제이크서 위키 블로그
Jake Seo
전체 방문자
오늘
어제
  • 분류 전체보기 (715)
    • 일상, 일기 (0)
    • 백준 문제풀이 (1)
    • 릿코드 문제풀이 (2)
    • 알고리즘 이론 (10)
      • 기본 이론 (2)
      • 배열과 문자열 (8)
    • 데이터베이스 (15)
      • Planet Scale (1)
      • MSSQL (9)
      • 디비 기본 개념 (1)
      • SQLite 직접 만들어보기 (4)
    • 보안 (7)
    • 설계 (1)
    • 네트워크 (17)
      • HTTP (9)
      • OSI Layers (5)
    • 회고 (31)
      • 연간 회고 (2)
      • 주간 회고 (29)
    • 인프라 (52)
      • 도커 (12)
      • AWS (9)
      • 용어 (21)
      • 웹 성능 (1)
      • 대규모 서비스를 지탱하는 기술 (9)
    • 깃 (7)
    • 빌드 도구 (7)
      • 메이븐 (6)
      • 그레이들 (0)
    • Java (135)
      • 이펙티브 자바 (73)
      • 자바 API (4)
      • 자바 잡지식 (30)
      • 자바 디자인 패턴 (21)
      • 톰캣 (Tomcat) (7)
    • 프레임워크 (64)
      • next.js (14)
      • 스프링 프레임워크 (28)
      • 토비의 스프링 (6)
      • 스프링 부트 (3)
      • JPA (Java Persistence API) (5)
      • Nest.js (8)
    • 프론트엔드 (48)
      • 다크모드 (1)
      • 노드 패키지 관리 매니저 (3)
      • CSS (19)
      • Web API (11)
      • tailwind-css (1)
      • React (5)
      • React 새 공식문서 요약 (1)
      • HTML (Markup Language) (5)
    • 자바스크립트 (108)
      • 모던 자바스크립트 (31)
      • 개념 (31)
      • 정규표현식 (5)
      • 코드 스니펫 (1)
      • 라이브러리 (6)
      • 인터뷰 (24)
      • 웹개발자를 위한 자바스크립트의 모든 것 (6)
      • 팁 (2)
    • Typescript (49)
    • 리눅스와 유닉스 (10)
    • Computer Science (1)
      • Compiler (1)
    • IDE (3)
      • VSCODE (1)
      • IntelliJ (2)
    • 세미나 & 컨퍼런스 (1)
    • 용어 (개발용어) (16)
      • 함수형 프로그래밍 용어들 (1)
    • ORM (2)
      • Prisma (2)
    • NODEJS (2)
    • cypress (1)
    • 리액트 네이티브 (React Native) (31)
    • 러스트 (Rust) (15)
    • 코틀린 (Kotlin) (4)
      • 자바에서 코틀린으로 (4)
    • 정규표현식 (3)
    • 구글 애널리틱스 (GA) (1)
    • SEO (2)
    • UML (2)
    • 맛탐험 (2)
    • 리팩토링 (1)
    • 서평 (2)
    • 소프트웨어 공학 (18)
      • 테스팅 (16)
      • 개발 프로세스 (1)
    • 교육학 (1)
    • 삶의 지혜, 통찰 (1)
    • Chat GPT (2)
    • 쉘스크립트 (1)
    • 컴파일 (2)
    • Dart (12)
    • 코드팩토리의 플러터 프로그래밍 (4)
    • 플러터 (17)
    • 안드로이드 스튜디오 (1)
    • 윈도우즈 (1)
    • 잡다한 백엔드 지식 (1)
    • 디자인 패턴 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 추상 팩터리 패턴
  • 프로그래머의 뇌
  • 빈 검증
  • MSSQL
  • 자바
  • 이펙티브 자바
  • 자바 디자인패턴
  • rust
  • Java
  • 알고리즘
  • 토비의 스프링
  • Pre-rendering
  • 서버리스 컴퓨팅
  • 객체복사
  • try-with-resources
  • item8
  • 자바스크립트
  • 슬로우 쿼리
  • 메이븐 골
  • 메이븐 페이즈
  • 외래키 제약조건
  • 느린 쿼리
  • 싱글톤
  • 싱글톤 패턴
  • 자바스크립트 인터뷰
  • 도커공식문서
  • next js app
  • pnpm
  • 메이븐 라이프사이클
  • 자바스크립트 면접
  • 자바 검증
  • item7
  • 이펙티브 자바 item9
  • bean Validation
  • serverless computing
  • 러스트
  • 자료구조
  • 싱글턴
  • 디자인패턴
  • 작업기억공간
  • 스프링 검증
  • 참조 해제
  • NEXT JS
  • Next.js
  • 이펙티브자바
  • Javadoc 자바독 자바주석 주석 Comment
  • item9
  • 팩터리 메서드 패턴
  • prerendering
  • 플라이웨이트패턴

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Jake Seo

제이크서 위키 블로그

자바스크립트/개념

History API 란? (간단 정리)

2024. 2. 14. 11:42

History API 란?

  • History 인터페이스는 브라우저의 세션 기록, 현재 페이지를 불러온 탭 혹은 프레임의 방문기록을 조작할 수 있는 방법을 제공한다.
    • 브라우저에서 뒤로가기와 같은 액션을 수행했을 때 방문하는 페이지를 조작하는 것이다.
  • history 는 싱글톤 인스턴스로 글로벌에 1개만 존재한다.

인스턴스 프로퍼티

History 인터페이스는 어떤 속성도 상속하지 않는다.

  • length: 세션 기록에 몇개의 페이지가 있는지의 길이이다.
  • scrollRestoration: 해당 세션으로 갔을 때 스크롤까지 복원할지를 설정한다. auto 혹은 manual 이 있다.
  • state: 히스토리 스택의 맨 위에 있는 상태를 나타내는 값을 반환한다. pushState() 혹은 replaceState() 를 사용할 때까지는 null 이다.

인스턴스 메서드

  • back(): 뒤로 가기. history.go(-1) 과 같다.
  • forward(): 앞으로 가기. history.go(1) 과 같다.
  • go(): 현재 페이지의 상대적 위치로 가기. 이전은 -1, 앞으로는 1, 범위를 넘어서면 무시된다.
  • pushState(): 데이터를 세션 기록 스택에 푸시한다. Working with the History API 문서 참조
  • replaceState(): 히스토리 스택의 가장 최근 항목을 지정된 데이터로 업데이트한다. Working with the History API 문서 참조

추가로 봐야 할 문서

  • 브라우저 히스토리 API 를 활용하는 방법

공식문서

  • MDN History
반응형
저작자표시 비영리 (새창열림)

'자바스크립트 > 개념' 카테고리의 다른 글

이벤트 루프는 어떻게 non-blocking 연산을 막힘없이 처리하는가?  (0) 2024.01.04
자바스크립트의 싱글 스레드 모델과 이벤트 루프  (0) 2024.01.04
자바스크립트에서 머신 코드 대신 바이트 코드를 사용하는 이유  (0) 2024.01.04
innerHTML vs innerAdajcentHTML() 비교  (0) 2023.07.15
자바스크립트 이벤트(Event) 객체와 커스텀 이벤트 (Custom Event) 란?  (0) 2023.07.07
    '자바스크립트/개념' 카테고리의 다른 글
    • 이벤트 루프는 어떻게 non-blocking 연산을 막힘없이 처리하는가?
    • 자바스크립트의 싱글 스레드 모델과 이벤트 루프
    • 자바스크립트에서 머신 코드 대신 바이트 코드를 사용하는 이유
    • innerHTML vs innerAdajcentHTML() 비교
    Jake Seo
    Jake Seo
    ✔ 잘 보셨다면 광고 한번 클릭해주시면 큰 힘이 됩니다. ✔ 댓글로 틀린 부분을 지적해주시면 기분 나빠하지 않고 수정합니다. ✔ 많은 퇴고를 거친 글이 좋은 글이 된다고 생각합니다. ✔ 간결하고 명료하게 사람들을 이해 시키는 것을 목표로 합니다.

    티스토리툴바