728x90 View3 [Vue] Router Vue Router 라우트(route)에 컴포넌트를 매핑한 후, 어떤 주소에서 렌더링할 지 알려줌 SPA 상에서 라우팅을 쉽게 개발할 수 있는 기능 제공 - 설치 (Vue CLI 환경) $ vue add router commit 여부 : y History mode 사용 여부 : y HTML History API를 사용해서 router를 구현한 것 브라우저의 히스토리는 남기지만 실제 페이지는 이동하지 않는 기능 지원 즉, 페이지를 다시 로드하지 않고 URL 탐색 가능 Vue router로 인한 변화 App.vue 코드 router/index.js 생성 : 라우트 관련 정보 및 설정 작성되는 곳 view 디렉토리 생성 - 사용 router-link 사용자 네비게이션을 가능하게 하는 컴포넌트 목표경로는 'to.. 2021. 11. 21. [Vue] MVVM Pattern, Vue 인스턴스 생성 MVVM Pattern 애플리케이션 로직을 UI로부터 분리하기 위해 설계된 디자인 패턴 - Model JavaScript의 Object 자료 구조 ( { key: value } ) Object는 Vue Instance 내부에서 데이터로 사용 데이터가 바뀌면 View(DOM)가 반응 - View DOM(HTML) 데이터의 변화에 따라 바뀌는 대상 - View Model 모든 Vue Instance View와 Model 사이에서 데이터와 DOM에 관련된 모든 일 처리 ViewModel을 활용해 Data를 얼만큼 잘 처리해서 보여줄 것인지(DOM)를 고민하는 것 Vue 인스턴스 생성 Vue.js 코드 작성 순서 : 데이터가 변화하면 DOM이 변경 → 1. 데이터 로직 작성 2. DOM 작성 CDN 작성 {{ .. 2021. 11. 15. [Django] 요청과 응답 (URLS, Views, Templates) URLS 요청이 들어오면 HTTP 요청(request)을 알맞은 view로 전달 urls.py - urlpatterns 리스트에 path함수로 추가 path 함수는 위에서부터 차례대로 탐색해서 매칭되면 바로 실행 # firstpjt > urls.py from django.contrib import admin from django.urls import path # articles 앱의 view를 import from articles import views urlpatterns = [ # path 함수의 첫 번째 인자 : 사용자가 들어오는 경로 # path 함수의 두 번째 인자 : 해당 경로로 들어왔을 때 실행할 함수 path('admin/', admin.site.urls), path('index/', vi.. 2021. 9. 1. 이전 1 다음 728x90
