계발하는 개발자

윈도우 재설치를 진행하면 기본 브라우저가 Edge 브라우저일건데, 크롬 브라우저를 기본 브라우저로 재 설정하는 방법에 대해 알아보자. ※무턱대고 윈도우로고> 설정> 기본 앱 하단에서 웹 브라우저를 변경하려고 보면 아래같은 상황을 겪을 수 있다. (크롬 브라우저가 옵션에 없는 그런 상황..) 1. 크롬(Chrome) 웹브라우저 설치 Chrome 웹브라우저 더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게. www.google.com 2. 웹브라우저 구글 크롬으로 변경 - 윈도우로고 > 설정 > 기본 앱 > 하단 '웹 브라우저' 우클릭 그러고나면 크롬브라우저가 옵션에 추가될거다. 3. 크롬 [설정]탭에서 기본 브라우저로의 변경 확인 크롬브라우저 설치가 완료되면 뜨는 초기화면 페이지에서 우측 [설정]..

쇼핑몰 프로젝트를 진행하면서 지점별 위치값을 지도에 표시해야 했는데 그러기 위해 구글맵에서 해당 지점의 위도, 경도값을 가져와야 했다. 1. 구글 지도(Google Maps)에 접속한다. Google 지도 Google 지도에서 지역정보를 검색하고 지도를 살펴보거나 운전경로 정보를 검색합니다. www.google.co.kr 2. 위도, 경도 값을 확인해야 하는 장소를 검색한다. 3. 해당 장소를 표시하는 마커에 우클릭 > [이곳이 궁금한가요?] 클릭 4. 위치 표시 아이콘 한 번 더 클릭 5. 위도, 경도 값을 확인한다.

참고 https://devtalk.kakao.com/t/vue-kakao-map-api/96660 에러 index.html에 카카오에서 제공하는 샘플코드를 넣으면 문제없이 작동하는데 다른 Vue 파일에서 가져와서 쓰려고 할 때 자꾸 위와 같은 에러가 났다. 원인 Vue는 react와 마찬가지로 기본적인 SPA방식의 프레임워크이기 때문에, 전역에서 접근할 수 있도록 루트 html에 window.Kakao로 init 한다고 한다. 그래서 html이 아닌 다른 파일에서 불러올 경우에 에러를 뱉는듯하다. 해결 카카오개발자 분께서 제공해주신 아래 소스코드를 적용하니까 에러가 해결됐다. 이제 더 이상 에러를 뱉지 않는다!!😉

참고 https://eslint.vuejs.org/rules/no-use-v-if-with-v-for.html 에러 원인 한 엘리먼트에 v-if와 v-for를 함께 사용해서 발생한 에러다. This 'v-if' should be moved to the wrapper element v-if를 해당 요소를 감싸는 상위 요소로 이동시켜 적용하라는 메시지가 함께 표시되고 있다. 결과 ☝방법1 ) v-if와 v-for 부분을 분리 v-if와 v-for 부분을 분리하니까 에러가 깨끗하게 해결됐다. 어찌보면 가장 간단하고 근본적인 해결책같지만, 계획에 없던 불필요한 코드가 추가된다는 단점이 있다.😇 ✌️방법2 ) eslintrc.js에 vue/no-use-v-if-with-v-for 추가 나처럼 eslintrc.js..