매번 Vue Project 생성 할 때 마다 발생하는 multi-word 컴포넌트 네이밍 에러를 해결하는 방법을 정리해보자. 원인 원인은 당연하게도 Component 네이밍을 하나의 단어로 했기 때문이다. 해결책 해결책은 공식 홈페이지에 나와있다. 참고링크: https://eslint.vuejs.org/rules/multi-word-component-names.html vue/multi-word-component-names | eslint-plugin-vue eslint.vuejs.org 공식 홈페이지에서는 ignores에 배열로 내가 원하는 컴포넌트 네임을 하나씩 넣어주라고 한다. package.json 파일에 eslintConfig 부분을 수정해주면 되는데, 아래코드는 Streaming.vue라는 컴..
vue3
오픈 레이어스를 사용하게 되면 필연적으로 만나게 되는 좌표계 ESPG:4326 와 ESPG:3857 각각 무엇인지, 결론적으로 뭘 써야 할 지 알아보도록 하자. 만약 Openlayers를 이용하여 지도를 그리는 방법이 궁금하다면 지도그리기 포스트를 참고하자! ESPG(European Petroleum Survey Group)? 먼저, 들어가기 전에 ESPG가 무엇을 의미하는지 간단히 알아보자. ESPG코드는 전 세계 좌표계 정의에 대한 고유한 명칭으로 상세 정의는 PROJ.4와 wkt라는 문자열로 이루어 진다. ESPG 공식 페이지에서 볼 수 있는 ESPG:3857와 ESPG:4326는 아래와 같다. +proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0..
EventListener를 제대로 붙였음에도 Scroll Event의 Handler가 제대로 호출이 안되는 버그를 수정하고, 그에 대해 정리하고자 합니다. Problem 바로 코드를 보자. import { defineComponent, onMounted, ref } from "vue"; export default defineComponent({ setup() { const scrollTop = ref(0); function scrollHandler() { console.log("scrollHandler has been triggered!") } onMounted(() => { document?.getElementById("content")?.addEventListener("scroll", scrollHa..
