# nuxt

133개의 포스트
post-thumbnail

[Nuxt3] Nuxt3의 $fetch에서 HttpOnly Cookie 서버로 전달하기

이번 프로젝트에서는 JWT를 이용한 로그인을 구현하였다. (백엔드 프론트 내가 다) 그런데 AccessToken을 재발급 해주기 위한 RefreshToken을 HttpOnly 옵션을 준 쿠키로 저장하였는데, 처음으로 httpOnly 쿠키를 사용하다보니 어떻게 서버로 전

2023년 11월 29일
·
0개의 댓글
·
post-thumbnail

[Nuxt] SEO 적용하기

SEO는 웹사이트나 웹페이지가 검색 엔진에서 높은 순위를 가질 수 있도록 최적화하는 작업이며, 크롤링, 인덱싱, 랭킹이 포함된다. SEO를 효과적으로 보여주기 위해서는 검색 엔진의 크롤러가 콘텐츠를 이해하고 인덱싱할 수 있도록 웹페이지를 구성하고, 사용자에게 유용하고

2023년 11월 20일
·
0개의 댓글
·

Nuxt에서 DEXT5 에디터 사용하기

방법1. SDK로 DEXT5 에디터 생성하기 방법2. Nuxt DEXT5 라이브러리 설치하기 https://www.npmjs.com/package/dext5editor-vue3?activeTab=readme

2023년 11월 20일
·
0개의 댓글
·
post-thumbnail

사용자 경험 향상을 위한 textarea 스크롤 위치 감지하기

사용자가 textarea를 모두 다 읽었는지 검사하기

2023년 11월 8일
·
0개의 댓글
·
post-thumbnail

Nginx와 SSL, 그리고 Nuxt 와 PWA

코드 한 줄 작성없이 Nginx 설치부터 PWA 구현까지를 따라하기 식으로 정리해 봤습니다.

2023년 11월 4일
·
0개의 댓글
·

[Nuxt] 🧪Nuxt 사용법 (v3)

🧪Nuxt 사용법 (v3)

2023년 10월 27일
·
0개의 댓글
·
post-thumbnail

블로그 개편기 EP.3

깔끔하고 내 입맛대로 블로그를 꾸며보고 싶어 시작한 블로그 개편기..!

2023년 9월 6일
·
0개의 댓글
·

[Nuxt] swiper vue 옵션 적용 문제

nuxt-swiper는 공식문서의 가이드만으로도 손쉽게 사용이 가능하지만 예시로 나와있는 Module Options 외에 다른 기능을 사용하려면 조금 문제가 발생한다. 실제론 사용을 위해 :modules에 해당 기능을 추가해주고 또 그 기능을 v-bind 해줘야한다.

2023년 8월 31일
·
0개의 댓글
·
post-thumbnail

블로그 개편기 EP.2

깔끔하고 내 입맛대로 블로그를 꾸며보고 싶어 시작한 블로그 개편기..!

2023년 8월 11일
·
0개의 댓글
·
post-thumbnail

CSS 이슈

정말 단순했지만 황당했던 사건.특정 페이지에서 scops style을 적용했는데 해당 페이지를 거치면 모든 페이지가 깨져서 레이아웃이 망가졌던 현상평소 open ai를 자주 사용했었는데 css 관련 이슈를 물어봤고 요런 container 흔한 이름의 className

2023년 8월 9일
·
2개의 댓글
·
post-thumbnail

블로그 개편기 EP.1

깔끔하고 내 입맛대로 블로그를 꾸며보고 싶어 시작한 블로그 개편기..!

2023년 8월 5일
·
2개의 댓글
·
post-thumbnail

블로그 개편기 EP.0

블로그 꾸준히 해야지!간결하고 가독성 좋은 글을 써야지!

2023년 8월 3일
·
0개의 댓글
·
post-thumbnail

Document not found, overwrite this content with #not-found slot in <ContentDoc>.

nuxt3에서 md파일을 불러오는 상황에서 pages/posts/\[...content].vue로 만든 페이지에 접근 시 발생하는 오류.content 폴더를 만들고 pages/\[...content].vue에서 &lt;ContentDoc>를 불러올 때 잘 불러왔지만,

2023년 8월 3일
·
0개의 댓글
·

asyncData, fetch

pages 안에서만 호출 가능화면에 그리기 전에 호출을 하기때문에 this 사용불가능

2023년 7월 23일
·
0개의 댓글
·

nuxt 장점

서버사이드 렌더링pages 폴더 기반의 자동 라우팅 설정자동 코드 스플리팅규격화된 폴더 구조 (layout, store, middleware, plugins)

2023년 7월 22일
·
0개의 댓글
·

nuxt 서버 사이드와 클라이언트 사이드

Nuxt.js는 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)을 모두 지원하는 프레임워크process 라는 전역객체는 서버와 클라이언트 어디서 실행 중인지 판별하기 위해 추가된 속성이다.process.(env) 에서 (env)에서 client, ser

2023년 7월 13일
·
0개의 댓글
·
post-thumbnail

와 시계!

CLock할 거 없어서, 주변에 보이는 사물을 만들어보고 있는데요.비교적 만들기 쉬울 거 같은 시계 만들기에 도전해봤어요 ^\_\_\_^ bNuxt3TailwindCSSVueuseVercel보고 싶은 시계를 선택 할 수 있어요 🕒, 📟현재 시간을 알 수 있어요 매우

2023년 6월 21일
·
0개의 댓글
·
post-thumbnail

Nuxt.js - Memory Leakage

Out of memory(OOM)란?Javascript는 가비지 컬렉션(garbage collection a.k.a GC)을 통해 메모리를 관리하고 이를 통해 사용자가 메모리 영역에 대하여 관심을 가지지 않도록 하지만, Memory leakage가 발생하는 경우는 다릅

2023년 6월 20일
·
0개의 댓글
·

proxyMiddleware(express.Router) 사용 시 파일 다운로드 주의사항

엑셀 다운로드 API 를 통해 엑셀 다운로드 기능 구현 중 아래 문제가 발생했다.API 서버로 Download API 요청 시 응답 데이터와 Proxy 서버로 Download API 요청 시 응답 데이터가 다른 문제어떤 환경 문제로 인해 해당 프로젝트는 이런 구조로 되

2023년 6월 2일
·
0개의 댓글
·
post-thumbnail

[Nuxt3/Storybook] Error: No configuration files have been found in your configDir 오류

https&#x3A;//laurentcazanove.com/articles/storybook-nuxt-guide/위 정보를 따라 nuxt3기반 storybook을 셋팅하고 있었다,,???아니 난 순서대로 잘 하고 있었는데 왜 오류가 나지심지어 다른 분들 다 잘되고 나만

2023년 5월 23일
·
0개의 댓글
·