728x90 반응형 Nuxt33 Nuxt3 error- 10 Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. 한 페이지에서 해당 에러가 지속적으로 발생했는데 구글링했을 때는 자바스크립트 관련 문서만 나오고 nuxt는 root element를 하나만 쓰지않아서 그렇다고 하는 것도있고 다 아니엿다..!! 흑흑흑흐그흑ㅎ 혹시나해서 레이아웃 문제인가 싶어서 봤는데... 레이아웃은 크게 문제가 없었다고 생각했었는데 설마 false로 쓴게 문제인건가 싶어 수정하니 다른 레이아웃으로 수정하니 에러 없이 해결완..^^ definePageMeta({ layout: false, //error!! layout: 'layout-none', //ok!! }) 2022. 12. 11. Nuxt3 - FCM 적용하기( FCM 등록부터 메세지 송신까지 ) 개발중인 프로젝트에 알람기능이 필요하여 웹소켓과 fcm중에서 어떤게 좋을 지 시니어분께 자문을 구했었는데 아무래도 웹소켓은 사용자가 적을때는 괜찮지만 많아질수록 서버 관리비용이 높아지기때문에 관리 비용적인 측면이나 개발적은 측면에서도 적용도 쉬운 fcm을 적용하는 것을 제안해주셨다. FCM을 등록하기 이전에 앞서서 서비스워커라는 것을 등록해야한다. 서비스워커는 기존에 사용할 일이 없어서 백그라운드에서 돌아가게 해주는 것 정도로 알고 있는데 조금더 자세히 알아봤다. 💡 서비스 워커는 출처와 경로에 대해 등록하는 이벤트 기반 워커로서 JavaScript 파일의 형태를 갖고 있습니다. 서비스 워커는 연관된 웹 페이지/사이트를 통제하여 탐색과 리소스 요청을 가로채 수정하고, 리소스를 굉장히 세부적으로 캐싱할 수.. 2022. 11. 21. Nuxt3 - custom router 추가하기 개발을 진행하다 동일 페이지인데 path 만 다른 페이지를 만들일이 있었다. nuxt는 pages에 vue 파일을 만들면 자동으로 라우터를 생성해준다. 굉장히 편한기능이 아닐 수 없다. 하지만 동일한 페이지인데 pages에 단순히 라우터 생성을 위해 같은 파일을 복붙 할 순 없었다. 구글링하면서 생각해보니 예전에 vue 라우터 개발시에 alias로 비슷한 개발을 진행했던것이 기억이나 alias로 선언하면 될 줄 알았다. 하지만 개발을 진행해야되는 계속해서 워닝이 발생하여 라우팅이 되지 않았다. Alias should have the exact same param named 개발을 진행해야되는 라우터의 경우 파라미터가 다른데..!!!어떻게 처리해야될까 싶어 계속 서치하다 localization 작업시에 커.. 2022. 10. 28. 이전 1 다음 728x90 반응형
