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

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) : 히스토리 스택에서 앞으로 또는 뒤로 이동하는 ..

Git : 버젼관리, 협업 이 두가지 키워드를 대표 한다. ​저장소(Git repository)란 말그대로 파일이나 폴더를 저장해 두는 곳이다. ​저는 윈도우 환경이기 때문에 git을 설치합니다. https://git-scm.com/download/win Next 계속 설치 ~~!! 설치 완료 !! Git 명령어​ ​Git 저장소 생성 ​git init git init 명령어를 실행하면, 현재 디렉토리를 기준으로 Git 저장소가 생성됩니다. git status 현재 디렉토리를 기준으로 Git 상태 확인 git add 파일명 git에 추가 (초록색 으로 변함, 빨간색 추가 안된 파일이나 폴더) 원복 git rm --cached 파일명 git add . git commit Author identity unk..

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 패키지로, 일부 빌..