| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- KDT 프로그래머스
- 백준 node.js
- 개발자 특강
- react 프로젝트 리팩토링
- 모던 자바스크립트 Deep Dive
- 모던 자바스크립트 Deep Dive TIL
- 머쓱이
- 리팩토링 회고
- useEffect return
- 프로그래머스 데브코스
- 프로그래머스 데브코스 프론트엔드 TIL
- 프로그래머스 K_Digital Training
- 백준 js
- KDT 프로그래머스 데브코스 프론트엔드
- K_Digital Training
- Vue3 Router
- Frontend Roadmap
- 모던 자바스크립트 TIL
- 모던 자바스크립트 딥다이브
- 프로그래머스 데브코스 프론트엔드
- useRef 지역 변수
- Vue3
- 우테캠 회고록
- frontend roadmap study
- 모던 javascript Deep Dive
- 투포인터알고리즘 js
- TypeScript 문법 소개
- 프로그래머스 K_Digital Training 프론트엔드
- 인프런 자바스크립트 알고리즘 문제풀이
- react customHook 예시
- 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: [ //..