당신보다 고작 하루 먼저 시작한 개발자의 오지랖

백엔드와 통신을 편하게 하기 위해서 보통 Ajax와 Axios와 같은 HTTP 비동기 통신 라이브러리를 사용한다. 퀘이사 프레임워크를 설치할 때, axios를 설치할 것이냐고 묻고, 선택을 하게 되면 자동으로 boot파일에 axios를 추가해 준다. 우선, axios를 설치한 후, 스크립트에서 axios를 통해 api를 호출하는 법은 매우 간단하다. 1 this.$axios.get('http://127.0.0.1:8000/api/users/') cs 하지만, 이렇게 사용하면 백엔드 url이 변경될 때마다, 모두 찾아가서 주소 값을 변경해줘야 하는 번거로움이 생긴다. 그래서 axios의 baseUrl 속성을 사용한다. 위 코드처럼 baseUrl을 설정하면된다. 본인은 test서버와 본 서버를 구분해 놓기 ..

퀘이사 프레임워크에서 제공하는 컴포넌트에는 에디터도 있다. WYSIWYG Editor (“what you see is what you get”). 말 그대로 유저가 입력하는 내용 그대로 html화 시켜서 저장하고 출력할 수 있도록 한다. https://quasar.dev/vue-components/editor#examples Editor (WYSIWYG) | Quasar Framework The QEditor Vue component is a WYSIWYG editor that enables writing and pasting HTML. quasar.dev 퀘이사 에디터에는 이미지 파일을 넣는 기능은 제공하지 않기에 이를 커스텀해서 써야한다. 우선 퀘이사 에디터 컴포넌트를 선언해주고 그 안에 속성 값으로..