새로운세계

  • 홈
  • 태그

정적 로딩 1

Vue.js와 Nuxt.js의 라우팅 이해: 정적 vs 동적 로딩과 디렉토리 기반 라우팅

Vue.js에서 component: TestView와 component: () => import()의 차이Vue.js에서 vue-router를 사용할 때, 라우트에 컴포넌트를 연결하는 두 가지 주요 방식이 있습니다: component: TestView와 component: () => import('../views/TestView.vue'). 이 둘의 차이를 살펴보면:정적 로딩 (component: TestView) 설명: 컴포넌트를 파일 상단에서 import TestView from '../views/TestView.vue'로 정적으로 가져와 직접 참조합니다. 앱이 시작될 때 메인 번들(예: app.js)에 포함되어 즉시 로드됩니다.장점: 라우트 접근 시 추가 요청 없이 빠르게 렌더링됩니다.단점: 모든 ..

Vue.js 를 배워보자 2025.02.23
이전
1
다음
더보기
프로필사진

새로운세계

노래를 멈춘 슬픈 새들과 나는 침묵을 지키네 돌이킬 수가 없기에 그래도 하늘은 나의 편

  • 분류 전체보기 (1116) N
    • 파이션으로 처음하는 신경망 (0)
      • content (0)
    • 홈서버 구축 일대기.. (33)
    • IT 일반,소식 (80)
    • IT 개발,관리,연동,자동화 (97)
    • Vue.js 를 배워보자 (70)
      • 1. Vue.js 소개 (4)
      • 2. Vue.js 기본 개념 (10)
      • 3. 컴포넌트 심화 (4)
      • 4. 상태 관리 (4)
      • 5. 라우팅 (4)
      • 6. 스타일링 (4)
      • 7. 서버 사이드 렌더링 (SSR) (2)
      • 8. 테스트 (2)
      • 9. 고급 주제 (4)
      • 10. 실전 프로젝트 (3)
    • Node.js 를 배워보자 (24)
      • 1. Node.js 소개 (6)
      • 2. Node.js 기본 문법 (2)
      • 3. Node.js 내장 모듈 (4)
      • 4. Express 프레임워크 (5)
      • 5. 데이터베이스 연동 (4)
      • 6. RESTful API 개발 (4)
      • 7. 웹 소켓 (3)
      • 8. 테스트 (3)
      • 9. 배포 (2)
      • 10. 실전 프로젝트 (3)
    • SpringBoot 를 배워보자 (34)
      • 1. 스프링 부트 소개 (4)
      • 2. 개발 환경 설정 (4)
      • 3. 스프링 부트 기본 프로젝트 구조 (4)
      • 4. 스프링 부트 스타터 (3)
      • 5. 데이터베이스 연동 (4)
      • 6. 웹 개발 (4)
      • 7. 보안 (4)
      • 8. 배포 (3)
      • 9. 추가 기능 (4)
      • 10. 실전 프로젝트 (3)
    • Oracle Database 강좌 (24)
      • 1. 오라클 데이터베이스 소개 (3)
      • 2. SQL 기본 문법 (5)
      • 3. 데이터베이스 객체 (5)
      • 4. PL SQL (6)
      • 5. 오라클 데이터베이스 관리 (0)
      • 6. 고급 주제 (4)
      • 7. 실습 (2)
      • 8. 추가 주제 (선택) (4)
    • PostgreSQL (14)
    • React.js 를 배워보자 (40)
      • 1. React.js 소개 (6)
      • 2. React.js 기본 개념 (6)
      • 3. 상태 관리 (4)
      • 4. 컴포넌트 통신 (3)
      • 5. 라우팅 (2)
      • 6. 스타일링 (2)
      • 7. 서버 사이드 렌더링 (SSR) (2)
      • 8. 테스트 (3)
      • 9. 고급 주제 (5)
      • 10. 실전 프로젝트 (3)
    • Python을 배워보자 (43) N
      • 1. 파이썬 소개 및 환경 설정 (5)
      • 2. 기본 문법 (9)
      • 3. 제어문 (5)
      • 4. 자료 구조 (6)
      • 5. 함수 (5)
      • 6. 객체 지향 프로그래밍 (OOP) (5)
      • 7. 파일 입출력 (3)
      • 8. 예외 처리 (3)
      • 9. 모듈과 패키지 (3)
      • 10. 실전 프로젝트 (4)
      • 11. 기타 심화 (4)
    • Java를 배워보자 (48)
      • 1. 자바 소개 및 개발 환경 설정 (3)
      • 2. 자바 기본 문법 (4)
      • 3. 객체 지향 프로그래밍 (OOP) (7)
      • 4. 자바 API (7)
      • 5. 입출력 (2)
      • 6. 스레드 (3)
      • 7. 람다 표현식 (3)
      • 8. 자바 8 이상의 새로운 기능 (3)
      • 9. 심화 학습 (4)
    • IOS개발: SWIFT (56)
      • 1. Swift 소개 (3)
      • 2. 기본 문법 마스터 (5)
      • 3. 함수의 세계로 (3)
      • 4. 객체 지향 프로그래밍 심화 (9)
      • 5. 고급 주제 탐구 (9)
      • 6. Swift UI로 UI 개발하기 (10)
      • 7. 실전 프로젝트 제작 (6)
      • 8. 심화 주제 및 추가 학습 (7)
    • 문득문득 생각나는 음악 (6)
    • 도시를 떠나 (3)
    • Git & GitHub 강좌 (40)
      • 1. 버전 관리 시스템 소개 (5)
      • 2. Git 기본 개념 (5)
      • 3. Git 브랜치 (5)
      • 4. 원격 저장소 (GitHub) (5)
      • 5. 협업 (4)
      • 6. 고급 기능 (4)
      • 7. 실전 예제 (3)
      • 8. GitHub 활용 (3)
      • 9. 기타 (2)
    • Oracle Cloud Free Tier 강좌 (20)
      • 1. Oracle Cloud Free Tier 소.. (3)
      • 2. Free Tier 시작하기 (3)
      • 3. 주요 서비스 활용 가이드 (5)
      • 4. Free Tier 활용 시나리오 (5)
      • 5. 비용 관리 및 최적화 (3)
    • test (0)
    • ec6 (2)
    • Nuxt 를 배워보자 (21)
    • 기타 개발관련 도구 (7)

Tag

보안, restful api, nuxt.js, 자바, 파이썬, react, 개발, node.js, 스프링 부트, 컴포넌트, 협업, 개발 환경, Vue.js, 상태 관리, 데이터 분석, git, SQL, 자동화, 데이터베이스, 웹 개발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바