NuxtPage 컴포넌트는 pages 디렉토리에 있는 컴포넌트를 화면에 표시하는데 사용된다.VueRouter의 컴포넌트를 둘러싼 래퍼이다. 동일한 name과 porps를 허용한다. 실습이전강의와 다음강의를 불러서 footer에 넣을 것이다.import type { CourseWithPath } from '~/types/course';interface CourseReturn { course: Maybe; // Course | null | undefined prevCourse: Maybe; // Course | null | undefined nextCourse: Maybe; // Course | null | undefined}export const useCourse = (courseSlug: stri..
components/. composables/, utils/ 하위의 파일은 모두 자동으로 임폴트 된다. SEO최적화에 유리할 수 있게 링크 이동 할 때에는 router를 이용하는 것이 옳다. 하지만 nuxt에서는 nuxtlink를 이용해서 링크 이동을 한다. 참고로 NuxtLink에 custom 속성을 넣으면 a태그로 만들어지지않고 div가 된다. (RouterLink 도 동일) 페이지 이동을 위해서 navigate를 달아준다. > v-slot="navigate"를 넣어주고 하위 컴포넌트에도 클릭이벤트로 넣어준다. Composables 의 문법은 기본적으로..
https://v3-docs.vuejs-korea.org/guide/typescript/overview.html 타입스크립트와 함께 Vue 사용하기 | Vue.js v3-docs.vuejs-korea.org뷰3의 타입스크립트에 대한건 공식문서에 있다. 타입스크립트를 왜 쓸까? 타입과 같은 오류를 런타임 시점이 아닌 컴파일 시점에 잡기 위함이다.예를 드어 수많은 에러가 존재한다 > 운영에 배포하면 구동중에 발생하면 매우 크리티컬하다.그러므로 컴파일 시점에 잡으면 >운영했을 때 안전하다 tsconfig.json 설정은 컴파일 시점에 어떻게 할지가 담겨져 있다 넉스트 프레임워크는 자동으로 생성하여 만들어져 있다.프로젝트를 깔면 자동으로 생성되어 있다. ts는 꼭 붙여줘야한다. 공식문서에 나와있음 컴포넌트..
Nuxt 파일 시스템 라우팅은 pages/ 디렉토리의 모든 파일에 대한 라우트를 생성합니다. Nuxt의 핵심 기능 중 하나는 파일 시스템 라우터 입니다. pages/디렉토리 내부의 모든 Vue 파일을 파일이름을 기반으로 URL(또는 route)을 생성하며, 해당 URL에 접근했을 때 URL 매핑되는 pages/ 디렉토리 안에 있는 Vue 파일을 표시한다. 쉽게 말해디렉토리 구조 nuxt는 각페이지에 대한 동적 가져오기를 사용하여 코드 분할을 활용하여 요청된 경로에 대한 최소한의 JavaScript를 제공한다.코드스플리팅을 자동으로 적용해 준다. pages>course>[id].vue를 생성하면url/course/파라미터 이런식으로 접근이 가능해진다. Course {{ $route.p..
- Total
- Today
- Yesterday
- react실행
- 향해99
- rejectValue
- 컨트
- 향해플러스
- thymleaf
- exception
- Java
- 백엔드 개발자 공부
- ArgumentResolver
- HTTP
- 스프링부트
- reject
- JPA
- 리터럴
- 스프링공부
- filter
- SpringBoot
- jpa api
- 항해99
- hypertexttransferprotocol
- 항해플러스
- 백엔드 개발자 역량
- 인터셉터
- 향해플러스백엔드
- Intercepter
- 로그인
- BindingResult
- React
- 예외처리
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |