spring 프로젝트를 만든 후 build.gradle에 추가해준다. plugins { id 'java' id 'org.springframework.boot' version '3.2.5' id 'io.spring.dependency-management' version '1.1.4' id "com.ewerk.gradle.plugins.querydsl" version "1.0.10"} //Querydsl 추가 implementation 'com.querydsl:querydsl-jpa:5.0.0:jakarta' annotationProcessor "com.querydsl:querydsl-apt:${dependencyManagement.importedProperties['querydsl.version']}:ja..
작업하던 App.vue 파일 그대로 올리는게 아니라build용 파일을 생성하신 후 올려야 한다.왜냐고요? 웹브라우저는 HTML CSS JS 이 세개의 언어만 해석할 수 있습니다. 브라우저는 .vue파일그런거 읽을 줄 모름 npm run buildVue 프로젝트 폴더 내에 dist 라는 폴더가 하나 생성된다. 깃 허브에 내아이디.github.io 라는 레퍼지토리를 만든다. vue build를 해서 만들어진 작고 소중한 dist폴더 내부의 모든 파일을 넣어준다. 이제 10분 뒤 정도면 https://내아이디.github.io 로 들어가면 사이트가 보인다.
import { createRouter, createWebHashHistory } from 'vue-router'const router = [];const router = createRouter({ history: createWebHashHistory(), routes,}) history: createWebHashHistory()이렇게 설정해놓는건데 이걸 Hash mode라고 한다이걸 선택하시면 URL에 전부 #이 붙은 채로 시작한다.codingapple.com/#/detail 이런 식 - HTML5 mode를 선택한 경우누군가 /detail 이라고 URL란에 입력하면 실은 이건Vue router로 /detail을 보여주세요~가 아니라서버에 /detail 페이지를 요청해주세요~ 라는 뜻입니다. 그래..
const routes = [ { path: "/", component: Home, }, { path: "/list", component: List, }, { path: "/detail/:id*", component: Detail, children: [ { path: "author", component: Author.vue }, { path: "comment", component: Conmment.vue } ] }]; /detail/0/author 형식으로 사용이 가능하며, 컴포넌트는 임폴트해서 자리에 넣어주면 된다. 페이지 안에서 컴포넌트를 불러올 때에 사용한다. ..
vue3 기준 router 설치npm install vue-router@4 설정을 위해 router.js 를 만든다. (vue-router 만든 사람이 이렇게 쓰라고 했음)import { createWebHistory, createRouter } from "vue-router";const routes = [ { path: "/경로", component: import해온 컴포넌트, }];const router = createRouter({ history: createWebHistory(), routes,});export default router; 예를 든다면const routes = [ { path: "/list", component: List, }]; 후에 main.js..
일단 설치 명령어는 언제든 바뀔 수 있다. 홈페이지를 확인하자 https://getbootstrap.com/ BootstrapPowerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.getbootstrap.com 2024/05/06 일자 명령어npm i bootstrap@5.3.3 main.js 위에 해당 importimport 'bootstrap'import 'bootstrap/dist/css/bootstrap.mi..
- Total
- Today
- Yesterday
- thymleaf
- rejectValue
- 백엔드 개발자 공부
- 백엔드 개발자 역량
- HTTP
- 스프링부트
- 컨트
- JPA
- 스프링공부
- 항해99
- SpringBoot
- reject
- 인터셉터
- exception
- Intercepter
- react실행
- 로그인
- jpa api
- 리터럴
- BindingResult
- hypertexttransferprotocol
- 항해플러스
- 향해99
- 예외처리
- 향해플러스백엔드
- filter
- Java
- ArgumentResolver
- 향해플러스
- 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 |