VanillaFront

  • 홈
  • 태그
  • 방명록
  • 질의응답

라우터 1

VanillaFront 튜토리얼 — 4. 라우터

https://vanillafront.com 참조VanillaFront 튜토리얼 — 4. 라우터뷰가 화면 단위라면, 라우터는 그 뷰들을 URL로 연결하는 시스템입니다. 브라우저 주소창의 URL 변화, 앞/뒤로가기 버튼, 새로고침 후에도 같은 화면 유지 — 모두 라우터가 해줍니다.VanillaFront는 SPA(Single Page Application) 라우팅의 복잡성을 최소화하는 데 집중했습니다. 이번 편에서 그 구조를 정리합니다.왜 라우터가 필요한가과거 MPA(Multi Page Application)에서는 HTML 파일 하나가 페이지 하나였습니다. URL이 곧 파일이었으므로 브라우저가 알아서 이전/다음 페이지를 관리해줬죠.SPA 시대에는 이야기가 달라졌습니다:HTML은 시작 페이지 하나뿐 — 모든 ..

기본사용법 2026.09.11
이전
1
다음
더보기
프로필사진

VanillaFront

VanillaFront 입니다. Vanilla Js를 이용하여 SPA기반 UI Framework를 구현합니다. 홈페이지: vanillafront.com

  • 분류 전체보기 (115)
    • 왜 바닐라프론트를 만들었나!! (8)
    • 기본사용법 (9)
    • 컴포넌트 (92)
      • 버튼 (10)
      • 필드 컴포넌트 (46)
      • 유효성 (1)
      • 시멘틱태그 (8)
      • 해딩 (1)
      • 패널 외 영역 (Div, Span) (11)
      • 아이콘, 이미지 (3)
      • 아바타, 페르소나 (2)
      • 배지 (1)
      • 툴바 (4)
      • 브래드크럼 (0)
      • 마스킹, 로더 (0)
      • 미디어 (0)
      • 메시지박스 (0)
      • 캐러셀 (0)
      • 리스트 (0)
      • 카드리스트 (0)
      • 드로워 (0)
      • 아코디언 (0)
      • 다이얼로그, 팝업 등 (0)
      • 탭 (0)
      • 캘린더 (0)
      • 그리드 (3)
      • 트리그리드 (0)
      • 피봇그리드 (0)
      • 트리 (0)
      • 차트 (0)
      • 서비스 (0)
      • 대시보드 (0)
      • 다이어그램 (0)
    • 유틸 (0)
    • 데이터매니저 (0)
    • 테마 (0)
    • VS Code Extention (0)
    • 바이브코딩 (0)
    • 기타1 (1)
      • gulp (0)
      • Spring (0)
      • Javascript (0)
      • Visual Studio Extenstion (1)
      • Npm (0)
      • Webpack (0)
      • VanillaJs (0)

Tag

stickyDiv, 웹스퀘어, websqure, VanillaJS, nexacro, toolbar, NavigationMenuBar, websquare, extjs, imageDiv, UIFramework, ES6, 엑스빌더, 피봇그리드, 트리그리드, avatarGroup, UI Framework, title, VanillaFront, dateField, esponsiveMenu, UIFramework비교, eXbuilder, button, REACT, vanillafront.com, 국내UI Framework, TreeGrid, 넥사크로, spa,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바