신형준의 기술 블로그 신형준의 기술 블로그

프론트엔드

• vue 422, 401 등 에러 발생 시 페이지가 이동해버리는 이슈 #vue #nuxt #laravel #error #에러

  프론트엔드/Nuxt 2023. 8. 3. 14:21

  axios요청에 .catch()를 안쓰면 에러 발생 시 페이지가 에러페이지로 넘어가버림

  Read More

• input date 캘린더 꾸미는법 #date #calendar #캘린더 #input

  프론트엔드/CSS 2023. 7. 20. 23:53

  .m-input-date.type01 input { padding:10px 16px 10px 16px; border-radius:10px; color:rgb(75,86,117); background-color:rgb(249,249,249); border: 1px solid #eee; } .m-input-date.type01 input[type="date"]::-webkit-calendar-picker-indicator, .m-input-date.type01 input[type="date"]::-webkit-inner-spin-button, .m-input-date.type01 input[type="date"]::-webkit-clear-button { color: rgba(0, 0, 0, 0); opac..

  Read More

• VUE + Quill.js 에디터 #Editor #에디터 #vue

  프론트엔드/Nuxt 2023. 6. 14. 16:48

  1. cdn 연결하기 * nuxt ssr일 경우 nuxt.config.js가 아니라 default.vue 레이아웃에다 직접 링크 넣어야됨 (다른 레이아웃 파일 사용 시 그 파일에다 삽입) @ default.vue 2. 프론트 세팅 @ InputEditor.js @ example.vue 3. 백엔드 세팅 @ Image.php (migration도 만들되, 컬럼은 id만 있으면 됨)

  Read More

• VUE + Quill.js 에디터 #Editor #에디터 #vue

  프론트엔드/Nuxt 2023. 6. 14. 16:47

  1. cdn 연결하기 * nuxt ssr일 경우 nuxt.config.js가 아니라 default.vue 레이아웃에다 직접 링크 넣어야됨 (다른 레이아웃 파일 사용 시 그 파일에다 삽입) @ default.vue 2. 프론트 세팅 @ InputEditor.js @ example.vue 3. 백엔드 세팅 @ Image.php (migration도 만들되, 컬럼은 id만 있으면 됨)

  Read More

• Vue nuxt 배포 시 첫화면 에러뜰 때

  프론트엔드/Nuxt 2023. 6. 6. 07:06

  1. dapi, codemirror, toast-editor 등이 에러 일으킬 수 있음. 해당 부분들 삭제처리해보기 2. 삭제후에도 새로고침하면 계속 이전 소스로 돌아가서 에러 일으킬 때 있음 -> 캐시 삭제를 위해 서버 재시작하기

  Read More

• nuxt에 구글애널리틱스, 메타픽셀 삽입하는법 #facebook #google

  프론트엔드/Nuxt 2023. 5. 30. 02:12

  @ default.vue

  Read More

• ssr 모드에서 client일 때만 처리하게 하는법 (ex. window is not defined, document is not defined)

  프론트엔드/Nuxt 2023. 5. 30. 02:09

  // 이러면 컴파일 단계에서 에러 없음 if(process.client){ window.... }

  Read More

• Nuxt 채팅 구현하기 #pusher #nuxt #vue #laravel

  프론트엔드/Nuxt 2023. 4. 26. 22:55

  # What?- nuxt에 pusher 세팅하기 # How?npm install pusher-js {{message.body}}  * 주의사항 laravel broadcastOn할 때 PrivateChannel 아닌 그냥 Channel 써야함@ MessageCreated.phpmessage = MessageResource::make($message); // $this->dontBroadcastToCurrentUser(); } /** * Get the channels the event should broadcast on. * * @return \Illuminate\Broadcasting\..

  Read More