매일 공부한거 기록하기

길찾기 바로가기 https://apis.map.kakao.com/web/guide/#routeurl 좌표나 장소ID를 이용하여 해당 위치를 목적지로 지정한 상태의 길찾기 URL을 만들 수 있습니다. URL Pattern예시 /link/to/이름,위도,경도 https://map.kakao.com/link/to/카카오판교오피스,37.402056,127.108212 /link/to/장소ID https://map.kakao.com/link/to/18577297 이 API를 이용해서 길찾기를 만들자!

toRaw() Vue에서 만든 proxy의 원시 원본 객체를 반환하는 API이다.

실시간으로 2000~4000명정도의 유저경로를 보여줘야 할때 어떤 API를 사용할지 고민하고 있다. 우선 국내에서만 이용하는 서비스 이므로 Google Map API는 제외했다. 가격 1. Kakao Map API (https://devtalk.kakao.com/t/faq-api/125610) 로컬 API: 최대 10만 호출/일 지도 API: 최대 30만 호출/일 Kakao Developers 통합 300만 호출/월 기본제공 쿼터의 초과 사용이 필요할 경우, 별도 제휴 계약 협의가 필요 단, 해당 앱이 '비즈앱’으로 설정되어 있어야 하며 앱의 소유자가 실제 해당 서비스의 소유자 또는 업체의 소속 계정인 것이 확인되어야 함. 2. Naver Map API (https://www.ncloud.com/char..

다른 뷰로 넘어갔을때 잘 됐는데 새로고침하니까 404Error가 뜨는 건에 대하여... 이유는 서버사이드 렌더링과 관련된 설정때문인거같다ㅎㅎ Nuxt.js는 SSR이 활성화 되어있는데 , CSR방식으로 라우팅된다면 서버에서 경로 처리가 되지 않을 수 있다고 한다. 그래서 nuxt.config파일을 봤더니 mode를 설정해주지 않았다.. mode:"universal" // SSR활성화모드 이나 mode:"spa" // CSR라우팅만 사용하는 모드 로 설정해주니까 된다... 근데 기본적으로 universal모드라고 하는데.. 왜 안된거지?ㅋㅠㅠ

Package.json에 "overrides":{ "vue":"latest" } 를 추가하면 된다!

Nuxt.js에서 localStorage를 사용하려고 할때 local storage is not defined 에러가 발생했다. 순간 ..import를 해줘야 하는건가? 생각이 들었지만 검색해보니까 요런 문제가 ! Nuxt는 SSR을 수행한당 그래서 서버에서 앱이 실행이되잖아요? 그래서 그때는 브라우저나 윈도우는 존재하지 않습니다.. 근데 localStorage는 브라우저API이져? 그래서 당연히 에러가 생기는것이여ㄸㅏ...(짱이다..) 그래서 localStorage를 사용하는 코드에가서 if(typeof window !== 'undefined') { // localStorage를 여기에 사용하십쇼 } 요렇게 조건을 주거나 if (process.client) { // 여기서 localStorage를 사용..

https://www.npmjs.com/package/@pinia/nuxt @pinia/nuxt Nuxt Module for pinia. Latest version: 0.4.11, last published: 3 months ago. Start using @pinia/nuxt in your project by running `npm i @pinia/nuxt`. There are 80 other projects in the npm registry using @pinia/nuxt. www.npmjs.com Nuxt를 사용하면서 pinia를 같이 사용하려고 할때 이걸 사용해보시라!

max-width와 min-width를 되던데로 쓰던 날들.. 이번엔 정리해보도록 하자 1. min-width : 최소 width값 설정, 최소 width이상일때 적용되는 코드이다. 스마트폰같은 작은 사이즈에 사용 점차 확장시킨다. 2. max-width : 최대 width값 설정, 최대 width이하일때 적용되는 코드이다. 데스크탑용 큰 화면 사이즈에 사용 점차 축소시킨다. 출처: https://studiomeal.com/archives/1004 반응형 웹, min-width와 max-width 중 어떤 것을 사용하는게 좋을까 글을 시작하기 전에..이 질문에 대한 답은 정답이 없으며, 작업자 개개인마다 선호하는 방식이 다를 수 있습니다. 이 글 역시 제 생각을 쓴 것이니 참고 삼아 봐주세요~ 반응형 웹..

https://www.npmjs.com/package/unplugin-vue-components unplugin-vue-components Components auto importing for Vue. Latest version: 0.24.1, last published: 3 months ago. Start using unplugin-vue-components in your project by running `npm i unplugin-vue-components`. There are 149 other projects in the npm registry using unplugin-vue-com www.npmjs.com 요것!

https://algoroot.tistory.com/44 [Server] Port 5000 already in use | MacOS 사용자라면 무조건 해결할 방법 Problem 파이썬을 공부하면서 Flask라는 프레임워크를 설치하고 5000 포트에 연결하는데, 이미 연결되어 연결이 되지 않는다는 오류가 나왔다. if __name__ == '__main__': app.run('0.0.0.0', port=5000, debug=True) OSE algoroot.tistory.com 이분꺼 보고 해결함 ..ㅎ 감사합니당 :)