And Brain said,

미네르바의 올빼미는 황혼녘에 날개를 편다. data 속성의 값은 화면 요소의 상태가 되는 데이터 객체이다. 템플릿 문법 Mustache 문법과 v-bind 속성이 있다. [v-bind 속성] 아이디, 클래스, 스타일 등의 HTML 속성 값에 뷰 데이터 값을 연결할 때 사용한다. 형식은 v-bind 속성으로 지정할 HTML속성 앞에 접두사로 v-bind: 를 붙여준다. v-bind 문법을 :로 간소화할 수 있다. [Mustache 문법] 뷰 인스턴스의 데이터를 HTML 태그에 연결하는 텍스트 삽입 방식이다. 다른 언어나 프레임워크에서도 사용되는 템플릿 문법이다. {{ }} 안에 자바스크립트 표현식을 쓸 수 있다. methods 속성 Vue 인스턴스의 생성자 옵션 객체에서 methods 속성으로 정의한다. ..

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..