겸상 팀 프로젝트에서 맡은 화면 및 기능 구현을 거의 마무리하였고 이제 API를 붙이고 있다. 밥상 목록 중 신청한 밥상만 추려서 가져오는 API를 붙이던 중에 경험한 일이다. [그림 1]과 같이 Postman에서는 GET 요청 시 body가 전달되고 원하는 응답을 받을 수 있었다. 하지만 Axios를 통해 요청하면 [그림 2]와 같은 현상이 발생하였다. 이 문제로 많은 시간을 보냈는데 결론은 Axios에서 GET 요청 시에는 body를 보낼 수 없다고 한다. 아래 링크는 참조한 자료이다. https://jacobgrowthstory.tistory.com/44 [Axios] get 요청 시 Query Params 보내기 (에러핸들링) 프로젝트 중 axios를 통해 get 요청 시 에러가 발생했다. req..

openModal()이라는 모달 창을 정의하고 생성, 수정 버튼에서 함께 이용하고자 하였다. 이 모달 창은 id가 undefined인 경우에는 생성 버튼, id가 존재하는 경우에는 수정 버튼으로 작동한다. 그런데 생성 버튼 클릭 시 [그림 1]과 같은 에러가 발생하였다. // 생성, 수정 버튼에서 이 모달창을 사용하도록 하였다. openModal(id) { // id가 undefined인 경우에는 생성 버튼 if (id === undefined) { this.selectedItem = { product_category_id: -1, category_name: '', category_description: '' } // id가 존재하는 경우에는 수정 버튼 } else { this.selectedItem =..

Vue.js 프로젝트를 Node.js 서버와 연동하고 있다. MySQL DB의 데이터를 수정하는 기능을 구현하는데 [그림 2]와 같이 status 값이 넘어오지 않는 문제가 있었다. 아래 코드는 DB 데이터를 수정하기 위한 doSave() 함수인데 데이터를 성공적으로 수정하여 status 값 200이 뜨면 if 조건문을 실행하도록 하였다. doSave() { this.$swal({ title: '카테고리 정보를 수정 하시겠습니까?', // text: "You won't be able to revert this!", icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', cancelBu..