| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 프로그래머스 K_Digital Training 프론트엔드
- Vue3 Router
- 모던 자바스크립트 Deep Dive
- KDT 프로그래머스 데브코스 프론트엔드
- TypeScript 문법 소개
- Frontend Roadmap
- 프로그래머스 데브코스 프론트엔드 TIL
- frontend roadmap study
- K_Digital Training
- react customHook 예시
- 투포인터알고리즘 js
- react 프로젝트 리팩토링
- useEffect return
- 백준 node.js
- 모던 javascript Deep Dive
- useRef 지역 변수
- 백준 js
- 모던 자바스크립트 TIL
- 프로그래머스 데브코스
- 우테캠 회고록
- 리팩토링 회고
- Vue3
- KDT 프로그래머스
- 모던 자바스크립트 딥다이브
- 프로그래머스 데브코스 프론트엔드
- 모던 자바스크립트 Deep Dive TIL
- 머쓱이
- 개발자 특강
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 K_Digital Training
- Today
- Total
목록Vue3 Router (2)
프론트엔드 개발자의 기록 공간
[Vue3] Vue(7) 실습 및 배포
❗❗ 데브코스 47일차 (10.05) 7일차에서는 지금까지 배웠던 Vue 개념을 종합적으로 사용해 보면서 실습하는 강의로 진행되었다. 그 후 개발한 프로젝트를 배포하고 간단하게 Nuxt JS를 소개해 주셨다. 간단한 Nuxt JS와 배포 진행 시, API 값과 같은 중요한 정보들을 외부에 노출이 안되게 숨기는 방법을 다뤄볼 예정이다. ✅ Nuxt JS Vue에서 SSR을 지원하는 공식 템플릿이다. SEO 검색엔진을 제공한다. 블로그 작성하는 시점에서 Nuxt3 beta 버전이 출시가 되었지만 설명하는 부분에서는 크게 달라질 부분이 없을 것이다. 아직까진 내가 생각하는 가장 큰 장점은 SSR을 지원할 뿐만 아니라 기존 Vue에서는 Routers 폴더를 만들고 index.js 파일을 만들고 페이지들을 구분하..
❗❗ 데브코스 46일차 (10.04) 6일차에는 Vue에서 Router를 활용하여 페이지 이동을 다루는 방법을 다룬다. 간략하게 Vue Router에 대해 기본적인 개념만 다룰 예정이다. ✅ Installation npm install vue-router@4 yarn add vue-router@4 Vue3 버전에 맞게 사용할려면 router4버전을 설치해주면 된다. (포스팅 당시 기준) ✅ Router 사용법 - Router 구성 방법 import { createRouter, createWebHistory } from 'vue-router' import "필요한 컴포넌트 경로" export default createRouter({ history: createWebHistory(), routes: [ //..