dada's

라우팅(routing)이란? : 네트워크에서 사용되는 용어로 네트워크 안에서 통신 데이터를 보낼 최적의 경로를 선택하는 과정을 말한다 웹에서의 라우팅은 웹페이지간 이동을 뜻한다 예를 들어 브라우저의 url이나 링크를 클릭하면 해당 페이지로 이동되는 것이 라우팅이다 vue router : vue.js의 공식 라우터이다 vue.js를 사용한 SPA를 쉽게 만들 수 있도록 vue.js의 코어와 긴밀히 통합되어 있다 화면간 이동시 깜빡거림 없이 매끄럽게 전환할 수 있다 📌 vue router의 기능 - 중첩된 라우트/뷰 매핑 - 모듈화된 컴포넌트 기반의 라우터 설정 - 라우터 파라미터, 쿼리, 와일드카드 - vue.js의 트랜지션 시스템을 이용한 트랜지션 효과 - 세밀한 네비게이션 컨트롤 - active CSS..

[vue의 데이터 바인딩 문법] 1. 데이터 보관 : script 태그안에 data(){return { 데이터이름 : 데이터 }} (vue에서 데이터 보관하는 곳은 object형식으로 되어 있음! 변수를 보관하는 곳이라고 생각하면 된다) 2. {{데이터}} 이런 콧수염 문법으로 HTML 중간중간에 데이터 넣기 {{ name1 }} {{ name2 }} 💡데이터 바인딩 : 자바스크립트 데이터(변수나 오브젝트같은거)를 HTML에 넣는것 HTML 속성도 데이터 바인딩 가능하다 예를들어 style 속성이라면 원하는 데이터를 보관한후 태그안에 :style="변수" 이렇게 넣어주면 된다 {{ name1 }}

1. node.js 최신버전 설치하기 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. github에서 repositories 만들고 클론하거나 pc에 작업폴더 만들고 에디터로 오픈 3. vue.js 설치하기 에디터에서 터미널을 열고 npm install -g @vue/cli 입력 입력 후에 Vue 3버전을 방향키+엔터로 선택 만약에 안되고 에러나면 node.js가 이상하게 설치되어 있을 가능성이 있다 근데 npm 하는것 부터 에러가 나면 yarn 구글검색해서 설치하고 윈도우 재시작 후에 다시 yarn global a..