개발 (146) 썸네일형 리스트형 [Vue.js] Vue 컴포넌트(component) 구조 및 스니펫(snippet) - Vue 컴포넌트 기본 구조 - VScode 스니펫 설정 File > Preferences > Configure User Snippet \n : 개행 \t : 탭 { "Generate Basic Vue Code" : { "prefix": "vue-start", "body": [ "\n" ], "description": "Generate Basic Vue Code" } } - 스니펫 불러오기 .vue 파일에서 코드 작성시 자동완성 [Vue.js] Vue-router - Vue-Router 설치 라우터를 추가할 해당 프로젝트로 이동하여 실행 vue add router - router 샘플 파일 > App.vue Home | About > router/index.js import { createRouter, createWebHistory } from 'vue-router' import HomeView from '../views/HomeView.vue' const routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].j.. [Vue.js] Vue.js 설정 - Visual Studio Code 설치 https://code.visualstudio.com/ - node.js 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - Vue CLI 설치 vscode terminal 열어서 명령어 실 npm install -g @vue/cli - Vue 프로젝트 생성 폴더를 열어서 터미널 실행 vue create 프로젝트명 - Vue 프로젝트 실행 생성된 프로젝트로 이동 cd 프로젝트명 - 서버 실행 npm run serve -> 기본 포트번호 8080으로 실행 npm run serve -- -- port 번호 .. [SQL] postgreSQL 설치 및 설정 / pgAdmin 4 - postgreSQL 설치 https://www.enterprisedb.com/downloads/postgres-postgresql-downloads Community DL Page Note: EDB no longer provides Linux installers for PostgreSQL 11 and later versions, and users are encouraged to use the platform-native packages. Version 10.x and below will be supported until their end of life. For more information, please see this blog p www.enterprisedb.com - sql shell (psql.. [MyBatis] ResultMap에서 collection 사용 VO가 필드로 가지는 자료형이 기본자료형일 경우 resultMap을 통해 컬럼명과 VO의 필드명을 매핑시켜주면 간단한 처리가 가능해지는 매핑구문은 마이바티스의 가장 큰 장점이다. 그런데, 필드에 기본자료형이 아닌 컬렉션 또는 다른 VO를 받아야 한다면? 자바 코드로 반복문을 수행해서 값을 하나씩 가져올 수도 있겠지만, 이때 마이바티스 resultMap에서 유용하게 쓸 수 있는 태그들이 있다. - has many 관계를 처리하기 위해 사용 * 마이바티스에 따르면, 두 가지 방법으로 collection을 작성할 수 있다. 1. collection을 위한 내포된(Nested) Select : collection으로 값을 넣어주기 위한 select문을 별도로 작성 2. collecti.. 이전 1 2 3 4 5 ··· 30 다음
