목록Develop/[Vue] (3)

DevBoi

[Vue] VueRouter 설치

라우터는 뷰에서 어떤의미로 사용하는것일까 Vue-router에서는 해당 방식으로 페이지를 전환한다. 미리 리소스를 받아놓고, 사용자의 요청이 들어오면 그 요청에 맞게 페이지를 전환하는 것이다. npm install vue-router --force --save layout이라는 폴더를 하나 만든다. 그리고 Header.vue를 만들고, 메뉴를 넣을것이다. 디자인은 부트스트랩을 사용하자, 부트스트랩을 설치하자 https://bootstrap-vue.org BootstrapVue Quickly integrate Bootstrap v4 components with Vue.js bootstrap-vue.org npm install vue bootstrap-vue bootstrap main.js 에 부트스트랩 관..
Develop/[Vue] 2023. 7. 21. 01:40
[Vue] Vue-cli 설치

해당 cli를 설치한다. sudo npm install -g @vue/cli 그러면 이제, 프로젝트 생성이 가능하다. vue create 생성이 완료되면 테스트로 하나 띄울수 있다. $ cd smithtest $ npm run serve localhost:8080으로 하면 해당 화면이 보인다. 자동으로 프로젝트 구조를 잡아준다.
Develop/[Vue] 2023. 7. 21. 00:31
[Vue] 기본 개념

SPA -단일 페이지 어플리케이션 -하나의 페이지 안에서 필요한 영역 부분만 로딩되는 형태 -빠른 페이지 변환 -적은 트래픽양 단점 : 최초 로딩 시에 모든 css,js에 대한 로딩을 하기 때문에 해당 양에 따라서 속도가 드라이브 된다. 컴포넌트 - 웹을 구성하는 로고,메뉴바,버튼 모달창 등 웹페이지 내의 다양한 UI 요소 - 재사용 가능하도록 구조화 한 것 나는 vue cli를 쓸 예정이다.
Develop/[Vue] 2023. 7. 21. 00:20
이전 Prev 1 Next 다음