Java / Spring

// 🔆 compision API 에서 axios 사용 (중요 까먹지 말것))const handleLogin = async () => { try { const response = await axios.post("/login", { username: username.value, password: password.value }, { headers: { "Content-Type" : "application/json" }, });  store.dispatch('login', response.headers['authorization']);  } catch (error) { console.log('handleLogin error', error); }}항상 옵션 API 만 사용하다가 이번 프로젝트에서 대부분의 v..

문제 : 프로젝트를 진행하면서 비동기로 넘어온 데이터와 라우터 푸시를 동시에 사용하다보니 원하는 결과를 얻지 못하고 계속 데이터가 손실 되었다. code) MyInfo.vuetemplate>    div class="custom-modal-overlay">        div class="custom-modal">            h3>아이디와 비밀번호를 입력해주세요h3>            input type="text" v-model="username"/>            input type="password" v-model="password" />            button @click="fetchMyInfoCheck">button>        div>    div>template> ..

vscode 에서 axios 를 사용하여 비동기 처리하는 방식은 위와 같이 터미널 실행 후 npm 으로 axios 라이브러리를 다운받는다. template>script>import axios from 'axios'; 추가로 vue 스크립트 태그 내부에 위에서 설치한 axios 라이브러리를 import 시켜준다(* 전체 App,vue 스크립트 로직)script>import axios from 'axios';import dataItem from './assets/dataItem';import ContainerItem from './components/ContainerItem.vue';export default {  name: 'App',  data() {    return {      dataItem: da..