Vue

https://nodejs.org/en(기본 상태)outputDir: npm run build 로 빌드시 파일이 생성되는 위치.devServer : SpringBoot 의 내장 WAS 주소

분리된 뷰와 모델을 공통적으로 동작하기 위해 하나로 묶어 연결하는 것html하드 코딩하면 나중에 변경이 어려움Vue의 실시간 자동 렌더링 이용 가능ex)

Vue의 HTML반복문 반복문 쓸 대, key 안쓰면 에러발생

v-on 이벤트 리스너 역할을하여 javascript실행

vue에서 페이지 이동을 위한 라이브러리페이지 이동시 url이 변경되면 변경 요소의 component 갱싱컴파일시 a태그 로 변환to 속성값 경로로 이동v-bind와 함께 사용 시 동적으로 경로를 만들 수 있음router-link-exact-active 등 class를

javascript에서 서버 통신을 위한 http 통신 라이브러리(vue만이 아니라 다른 js어플리케이션에도 이반적으로 사용된다)서버에 데이터를 불러오는걸 요청첫 파라미터는 요청을 전달할 서버 url두번째 파라미터는 config객체(선택서버에 데이터 입력첫 파라미터에는

vue에서 사용할 수 있는 Ul라이브러리https://vuetifyjs.com/en/

Vue.js애플리케이션을 더 쉽게 구성하고 관리할 수 있도록 해주는 프레임워크1) 서버사이드렌더링(SSR)2) 페이지기반 파일 시스템으로 자동 라우팅 생성(라우팅 관련 설정 복잡성 감소)3) 페이지와 컴포넌트 자동 import4) 자동 코드 분할, 레이지 로딩 제공(애

Vue3에서 추가된 함수 기반 API기존 Vue 프로젝트는 프로젝트 규모가 커지면 컴포넌트 계층 구조가 복잡해 추적 및 관리가 어려웠던 단점을 커버하기 위한 기술Vue3공식문서에서 권장옵션을 선언하는 대신 import한 함수를 사용하여 Vue Component를 작성할

Vue3 버전과 함께 출시 된 상태 관리 라이브러리Vue3의 Composition API를 기반Nuxt기준 pinia 설치Nuxt는 서버측 렌더링 관련 많은 작업을 처리하여 Nuxt와 함께 Pinia를 사용하는 것이 더 쉽다1) TypeScript와 완전 호환2) 전역

packagejson 파일 dependencies에서 sass, sass-loader설치 확인 가능sass/scss 적용하고 싶은 vue파일 script태그 아래 style 태그 작성1) reset, font, layout등 모든 파일 공통으로 적용하고싶은 scss파일

assets, static, public 폴더 모두 웹 프로젝트의 자원을 관리하는데 사용주로 JavaScript 프레임워크나 라이브러리(예: Nuxt.js, React.js 등)에서 자주 사용웹팩(Webpack) 같은 모듈 번들러를 통해 빌드 과정에서 처리되어야 하는

자바스크립트는에서의 요청은 기본적으로 서로 다른 도메인에 대한 요청을 보안상 제한한다(브라우저는 기본적으로 하나의 서버 연결만 허용하도록 설정되어있다)Cross-Origin Resource Sharing(CORS)교차출처 리소스 공유 정책Same-Origin Polic