나만의 사전 - VUE
1.문제 해결 🛠 – vue
🔒 문제 상황 회사 프로젝트에서 chart.js를 사용하였는데 api로 받아온 어떠한 데이터 값이 console에는 찍히지만 chart 화면에 데이터를 반영하지 않는 문제를 발견했다. 이유는 변화된 데이터의 값을 vue가 인식하지 못하기 때문이라고 한다. 그럴 때는
2.문제 해결 🛠 – vue
🔒 문제 상황 프로젝트에 카카오지도 OPEN API를 사용해보자. 🔑 문제 해결 카카오지도 공식문서에서 스크립트 소스를 가져와 프로젝트/public/index.html에 head에 추가한다. (공식문서: https://postcode.map.daum.net/guide) 다음 api를 사용할 싱글 컴포넌트에서 아래와 같이 활용한다. 개발자가 원하는 ...
3.문제 해결 🛠 – vue
🔒 문제 상황 게시판을 만드는 프로젝트에서 새 글을 작성하여 API POST를 하였는데 자꾸 MAXIMUM CALL STACK SIZE EXCEEDED 에러가 발생했다. 내가 전송하는 data의 형태를 보니 {\"데이터\" ...} 와 같은 형식으로 넘어가고 있었다. 구글에 찾아보니 API GET 할 때 와 같이 보내면 안되고 FormData에 담아 데이...
4.문제 해결 🛠 – vue
🔒 문제 상황 게시판에 작성자가 업로드한 첨부파일을 다운로드 받아보자. (필요한 라이브러리 axios) 🔑 문제 해결 > main.js > src > View.vue 📌 TIP 그냥 로컬에 있는 이미지를 다운받을 때는 axios를 사용할 필요는 없다. a
5.문제 해결 🛠 – vue
🔒 문제 상황 게시판의 임시저장 기능을 만들어보자. (style 은 다 제외했다.) > 1. Board.vue 에서 [글쓰기] 버튼을 누르면 컴포넌트가 보여진다. 2. 컴포넌트에서 input에 어떠한 글을 작성한다. 3-1. [임시저장] 버튼을 누르면 localS
6.문제 해결 🛠 – vue
로그인하지 않은 사용자가 어떠한 신청을 하려고 한다.신청 페이지에 들어간다.신청할 수 있는 목록은 5개가 있다.(A/B/C/D/E)B를 클릭하여 B의 상세 신청 페이지로 접속한다.신청은 로그인 후에 가능하다.로그인 하고 신청하기 버튼을 누른다.로그인 모달창이 뜬다.로그