목록Vue3 (3)

yyZa

Pixi.js 7.2.0버전 업데이트 Vue3에서 진행하기(with Pinia)

🥑Pixi.js 7.2.0버전 업데이트 Vue3에서 진행하기(with Pinia) 자 업데이트 하자마자 처음부터 에러 드가자~ !!Cannot find propagation path to disconnected target on destroyed sprite!! 업데이트 후 sprite객체에 클릭이벤트인 eventmode를 static으로 설정 하면 이러한 에러를 뱉는다. 이유가 뭘까 ? - 나는 한 이틀을 찾아 헤메고 고생했지만 이유는 간단하다. Pinia에 sprite나 app, container를 state에 저장 시킬 때 proxy객체로 변모되어 저장되므로 사용할 수 없었다는 거다 ... 참 단순한 ㅠ 해결방법!? - pinia없이 전역변수 설정을 뭘로해주나 ~~ 하다가 그냥 main.js에 pr..
개발일지 2023. 12. 11. 16:53
RestAPI사용해서 vue3에서 카카오 로그인 구현 (프론트)

🥑카카오 로그인 CDN 설정 카카오 로그인 설정 시 바닐라javascript로 적용할 때는 index.html에 CDN을 설정해줘야 하지만 RestAPI 서버통신으로 설정 시에는 굳이 CDN설정을 하지 않아도 된다. 이유는 서버 쪽에서 토큰요청이나 사용자정보요청등을 다 처리하기 때문인데 현재 CDN을 설정하는 이유는 토큰을 글로벌로 설정하고 사용할 수 있게 하기 위함이다. 🥑서버와 axios로 통신하기 리다이렉트 페이지는 미리 생성해서 라우팅 해놓고 해당 URI를 카카오 개발자 계정에 등록해 놓으면 에러 없이 넘어간다. axios.get(`/YOUE-API-URL/`).then((res) => { //서버로 요청을 보내면 //"https://kauth.kakao.com/oauth/authorize?res..
개발일지 2023. 8. 1. 09:29
tui-editor (TOAST UI Editor) vue3 <script setup> 적용법

🥑tui-editor 라이브러리 설치 https://github.com/nhn/tui.editor GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. - GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. github.com npm install --save @toast-ui/vue-editor 🥑 Vue3 프로젝트에 tui-editor구성하기 import Edit..
개발일지 2023. 7. 13. 15:15
이전 Prev 1 Next 다음