[Vue.js] router-link 셋팅, vuex 설치 및 셋팅
1. router-link 2. vuex 사용 이유 3. vuex 설명 4. vuex 설치 및 연결 5. vuex store에 저장 (mutations) 6. vuex store값 접근 ($store.state.) 7. getters 선언 8. getters 이용...
[Vue.js] axios 설정 및 설치
axios 설명 axios는 HTTP 클라이언트 라이브러리로써, 비동기 방식으로 HTTP 데이터 요청을 실행한다. 내부적으로 AXIOS는 직접적으로 XMLHttpRequest 를 다루지 않고 “AJAX 호출”을 할 수 있다. ajax를 한마디로 정의하자면 JavaScript를 사용한 비동기...
[Vue.js] api통해 axios 데이터처리, email validation
SignupForm.vue 수정 api/index.js로 지정해놓은 api를 써서 signupform에서 입력한 userData를 보낼 예정이다. <template> <div class="contents"> <div class="form-wrapper form-wrapper-sm"> <!-- v-on directive를 이용해 폼의 submit 이벤트를 바인딩 submit시 페이지 갱신을 막는 prevent...
[Vue.js] login, signup page 만들기
common component header 생성 page마다 동일한 component들은 공통의 component로 만든 후 page마다 components로 등록해서 쓰는 것이 코드가 간결하다. src/components폴더 안에 common폴더를 만든 뒤 AppHeader.vue를 넣는다. AppHeader.vue안 에는 page로 이동해주는 link를...
[Vue.js] vue-router 설치 및 연결
1. vue-router 설치 2. vue-router 등록 3. routes 생성 4. router-link, router-view 추가 5. 코드 분할 (code splitting) 6. 초기 진입 페이지 설정 (routing redirect 설정) 7. 없는 페이지로 접근할...