And Brain said,

imageSrc에 마커로 사용하고싶은 이미지 넣기 (벡터이미지는 안 됨) imageSize로 마커사이즈 임의로 조절가능 Thanks for watching, Have a nice day..

이번 시간엔 저번 시간에 얘기한대로 Quasar를 이용하여 지도에 마커를 찍어볼 것이다. 지도는 카카오 api를 사용한다. 마커에 들어갈 데이터는 이 글을 참고하기 바란다. https://theworldaswillandidea.tistory.com/8 oracleDB를 잔뜩 담은 mybatis를 express에 넣어 보내버리기 oracledb , mybatis-mapper, express, http 기본적인 모듈들을 설치한다. app.use(express.json()) app.use(express.urlencoded({extended:true})) JSON 데이터를 post하기 위한 만반의 준비. 원래는 body-parse.. theworldaswillandidea.tistory.com 일단 데이터를 받..

Quasar는 Vue.js 기반 프레임워크다. Vue나 React를 공부할 생각이었는데 Quasar를 보자마자 첫눈에 반해버렸다. 여러분도 이 Quasar의 아름다움에 빠져보길 바란다. 일단 Quasar에게 이리오너라를 한다. 하면 고운 Quasar의 모습이 나온다. 이제 원하는대로 취향에 맞게 Quasar를 만질 수 있도록 커스터마이징을 할 수 있다. 이렇게 여러분도 Quasar 오너가 되길 바라며, Quasar야, 이리오너라! 다음 시간엔 Quasar를 이용하여 지도에 마커를 찍어볼 것이다. Thanks for watching, Have a nice day. https://quasar.dev/ Quasar Framework - Build high-performance VueJS user interfa..

템플릿 엔진은 굉장히 많으며 어떤 것을 사용해도 상관없다. 실무에선 그냥 기본적인 html문법을 쓰는게 더 바람직할 수도. 허나 독특한 것을 좋아하는 나는 단지 신기해 보여서 써봤는데 의외로 편하다. html-css를 다뤄봤다면 전혀 어렵지 않고 오히려 이 못생긴 강아지의 독특함 그리고 세련됨에 매료될 것이다. 물론 굳이 안 써도 된다. 일단 이리오너라를 한다. Pug 문법은 닫기 태그가 없으며 들여쓰기로 블록을 구분하며 ( )으로 attribute를 사용 가능하다. =을 이용하여 변수를 사용가능하다. 공식 홈페이지의 예시를 보면서 적용해보면 처음엔 다소 귀찮고 불편하지만 이후엔 아주 편하단 것을 느낄 수 있을 것이다. 그럼 여러분들도 Pug 한 마리 들여보길 바라면서 Pug야, 이리오너라! Thanks..

oracledb , mybatis-mapper, express, http 기본적인 모듈들을 설치한다. app.use(express.json()) app.use(express.urlencoded({extended:true})) JSON 데이터를 post하기 위한 만반의 준비. 원래는 body-parser를 사용하여야만 json 데이터를 post할 수 있었지만 express 4.16 버전 이후로 JSON 데이터 post를 지원해준다. 이렇게 실행 시 이제 get은 그만 만지고 본론으로 들어가서 우리는 mybatis를 넣기위해 안전하게 xml 파일을 끼워줘야 한다. namespace와 id를 기억하자. 그리고 다시 js파일에서 JSON 데이터를 듬뿍 담아줄 DataList를 배열로 선언해준다. 본격적으로 JS..