허접 웹프로그래머의 자료 모음

1. html 이동 이동 이동 이동 2. 선언적 방식 네비게이션용 anchor 태그 이동 이동 3. 프로그래밍 방식으로 라우터의 인스턴스 메소드 사용 Vue 인스턴스 내부에서 라우터 인스턴스에 $router로 액세스 할 수 있다. 이동 pageLink () { // object this.$router.push({ path: 'home' }) // 이름을 가지는 라우트 router.push({ name: 'logout', params: { userId: 'test' }}) // 쿼리와 함께 사용, 결과는 /page?gubun=123 router.push({ path: 'page', query: { gubun: '123' }}) } * router.go(n) : 히스토리 스택에서 앞으로 또는 뒤로 이동하는 ..

Vue 2 에서는 router/index.js 에서 mode: 'history', 이렇게 하면 없어졌으나 vue 3 버젼부터는 "history": createWebHistory() 이렇게 해야 없어진다. vue 3 "history": createWebHistory() "hash": createWebHashHistory() "abstract": createMemoryHistory()

Vue3 Cli로 생성된 프로젝트에서 Router를 설정 하던 중 아래와 같은 에러를 만났다. Component name "Home" should always be multi-word 컴포넌트의 이름은 항상 여러 단어로 되어야 한다라는군요. https://eslint.vuejs.org/rules/multi-word-component-names.html vue/multi-word-component-names | eslint-plugin-vue eslint.vuejs.org 해결방법은 찾아보니 여러가지가 있었다. .eslintrc.js 파일에 rules 부분에 추가하면 된다 { "vue/multi-word-component-names": ["error", { "ignores": [] }] } 그러나 나는 직..

1. 현재 nodejs 삭제 yum remove -y nodejs npm yum remove -y nodejs npm 2. nvm 설치 wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash source .bashrc [root@server]# nvm --version 0.35.3 wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash source .bashrc 3. nodejs 설치 nodejs 설치 가능 버젼 확인 nvm list nvm ls Centos7 에서는 nodejs 16.* 이 지원이 된다. nodejs로 설치 n..

Vue.js는 웹 프론트엔드 프레임워크 - 컴포넌트(Componet) 기반의 SPA(Single Page Application)를 구축할 수 있게 해주는 프레임워크 1. node js 설치 https://nodejs.org/en/download/ 아래링크에 들어가서 설치하면 된다. 2. npm install vue npm install vue 3. Vue CLI 설치 Vue CLI는 터미널/명령줄에서 Vue로 작업하는 데 사용되는 도구 키트입니다. 이를 통해 새 프로젝트(vue 만들기)를 신속하게 스캐폴드하거나, 새 아이디어(vue 서비스)로 프로토타입을 만들거나, 그래픽 사용자 인터페이스(vue ui)를 사용하여 프로젝트를 관리할 수 있습니다. Vue CLI는 전역으로 설치된 npm 패키지로, 일부 빌..