[Frontend/Nuxt] Nuxt3에서 달력 라이브러리 사용하기
·
💻 Web
달력을 직접 커스텀하기에는 시간 상 한계가 있을 것 같아서 나와 있는 달력 라이브러리를 사용하고자 했다. But, (1) vuetify에서 제공하는 v-calendar 라이브러리 사용 - native component는 등록하라며 에러 발생 (2) v-calendar 라이브러리 사용 - maximum stack size 어쩌고... 발생 으로 몇 시간 가량 삽질을 하다가... Nuxt에서 SSR로 동작할 때 문제가 발생하며, 라이브러리를 다르게 사용해야 한다는 것을 알게 되어서 내용 기록해 둔다! 우선 내가 사용한 건 이 v-calendar 라이브러리이다. Welcome | VCalendar vcalendar.io (1) 설치하기 yarn add v-calendar@next @popperjs/core (..
[Frontend/Web] CORS 총정리
·
💻 Web
프론트 개발을 하면서 숱하게 만나왔던 CORS 에러... 항상 야매로 인터넷에 뜨는 해결책 이것저것 찔러보다 해결되면 넘어가고 말았었는데, 이번에 인턴 활동 하면서 & 서버 공부 하면서 CORS가 일어나는 이유와 해결 방법에 대해 완전 이해해버렸다! 까먹지 않기 위해 내용을 기록해 두려고 한다 CORS란? Cross Origin Resource Sharing, 이 말은 즉슨 Origin이 다른(=출처가 다른) 자원들을 서로 공유한다는 뜻이다. Origin은 Protocol + Host + Port 이 세 가지로 판단하며, 이 3가지가 같으면 동일한 출처로 간주한다. 예를 들어, 아래 경우들은 서로 다른 출처로 간주되는 경우이다. Protocol이 다름 https://lamerry.com http://la..