본문 바로가기 메뉴 바로가기

신입개발자 쩨리

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

신입개발자 쩨리

검색하기 폼
  • 분류 전체보기 (181)
    • Programming (34)
      • C++ (18)
      • Java (6)
      • Android (3)
      • Kotlin (4)
      • Python (2)
      • Go (1)
    • Web (43)
      • HTML & CSS (3)
      • JavaScript & JQuery (23)
      • Spring (6)
      • JSP (10)
      • ASP (1)
    • Basic (17)
      • ComputerScience (15)
      • Command (2)
    • Algorithm (7)
      • 알고리즘 (1)
      • Level 0 (6)
      • Level 1 (0)
    • Tool (30)
      • Eclipse (1)
      • Git (9)
      • SVN (3)
      • Docker (2)
      • ETC (15)
    • Database (19)
      • SQL (1)
      • Oracle (2)
      • MySql (3)
    • BlockChain (23)
      • BlockChain (3)
      • Ethereum (14)
      • Solidity (6)
    • 쩨리일기 (7)
      • 오늘 공부한 내용 (1)
      • 일기 (2)
      • 기타 (4)
  • 방명록

반응형
SPA (1)
반응형
[React] url에 붙은 # 제거하기

리액트 템플릿을 이용하여 페이지 이동 중 url에 #(해시)가 붙어 있는 것을 발견했다. 리액트에서 url 에 #(해시)가 붙는 경우는 단일 페이지 애플리케이션(SPA, Single Page Application)을 이용할 경우 발견할 수 있다. 하나의 HTML 페이지 안에서 모든 기능이 동작하는 것을 SPA라고 한다. 모든 기능이 하나의 HTML 페이지 안에서 동작하기 때문에, 페이지 로딩 속도가 빠른것이 장점이라고 할 수 있다. SPA 화면에서 #(해시)가 붙는 이유는 주로 웹 브라우저의 페이지 이동을 감지하고 해당 url을 분석해서 해당 페이지의 컴포넌트를 빠르게 렌더링하기 위해서이다. #(해시)가 없으면 웹 브라우저는 실제로 서버에 새로운 페이지를 요청할 수 있다. 본인은 템플릿 페이지를 커스텀하..

Web/JavaScript & JQuery 2024. 2. 14. 16:19
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바