# nuxt

89개의 포스트

Nuxt 번들 로딩 최적화 & auto import (@nuxt/components)

지금 재직 중인 회사에 입사하고 나서 얼마 지나지 않아서 Nuxt로 만들어진 프로젝트의 로딩 타임을 최적화하는 업무를 받았다.로딩 과정을 조사하던 중에 특이한 점을 발견했다.불러오는 js 파일의 갯수가 지나치게 많다.현재 페이지에서 사용하지 않는 컴포넌트도 함께 로딩된

2022년 9월 6일
·
0개의 댓글
·
post-thumbnail

2022-08-23(화) TIL

NuxtLink Component앱의 페이지 사이를 탐색하려면 구성 요소를 사용해야 합니다.이 구성요소는 Nuxt에 포함되어 있으므로 다른 구성 요소와 마찬가지로 가져올 필요가 없습니다.href="/about" 을 사용하는 대신 to="/about" 을 사용한다는 점

2022년 8월 23일
·
0개의 댓글
·

2022-08-22(월) TIL

오늘해야할일들 1. 알고리즘 2문제풀이 2. Nuxt CRUD 로그인,회원가입 조건 1 = 길이는 4 혹은 6이다. 조건 2 = 예를 들어 s가 'a234' 이면 False 를 리턴하고, "1234"라면 True를 리턴하면 됩니다.

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

[Swagger] 기존 프로젝트 API 명세 자동화하기

Swagger가 뭔데? 간단히 말해 스웨거란 API를 명세, 관리하여 사용자들이 보다 더 쉽게 알 수 있도록 도와주는 것. 왜? 회사 내의 다른 개발팀과 협업을 했어야했던 적이 있는데, 그 팀에서 API명세를 엑셀로 정리해서 줬던 적이 있는데 그게 제가 처음으로 본

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

Nuxt 공부 - asyncData, fetch

Nuxt의 asyncData, fetch

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

Nuxt 공부 - fetch Hook

Nuxt의 fetch Hook

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

Nuxt 공부 (6) - Vuex Store

Nuxt의 Vuex - 모듈 모드, mapMutations

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

Nuxt 공부 (4) - 플러그인

Nuxt의 플러그인 - 번들링 사용 및 최적화 방법

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

Nuxt 공부 (3) - 비동기 데이터

Nuxt의 비동기 데이터 - asyncData

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

Nuxt 공부 (2) - Views

Nuxt의 View - Document, Layout, Page

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

Nuxt 공부 (1) - 라우팅

Nuxt의 라우팅

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

webpack을 대체할 번들링 도구 Vite

댓츠노노~!여기 너무 빠르고 가벼운 vite 가 있습니다.이렇게 간단하게 먼저 vite 설치 합니돠~그럼 이렇게 프로젝트명 쳐주고 어떤 프레임웤 사용할지 물어보쥬?선택만 해주면 댓츠잇!스벨트도 있는게 인상적이네요.자 그럼 다음 안내와 같이이제 웹팩하곤 다를바 없는데 실

2022년 7월 14일
·
0개의 댓글
·

스크롤바 수정

x좌표 스크롤바 오류

2022년 7월 13일
·
0개의 댓글
·

asyncData 에러

asyncData 에러 해결

2022년 6월 22일
·
0개의 댓글
·

[Nuxt] ssr 훅 에서 인스턴스 생성시 문제점(WARN Cannot stringify arbitrary non-POJOs)

WARN Cannot stringify arbitrary non-POJOs

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

[번역]Vue 프로젝트를 위한 API Factories 설계

/API를 모듈로 분리하여 효과적으로 관리할 수 있는 설계를 찾다가, 적합한 방식을 발견하여 아래의 블로그 글을 번역하였습니다. 개발하는데 작은 도움이 되었으면 합니다.번역) https://www.telerik.com/blogs/api-factories-vue

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

Nuxt에서 Video 플레이어를 배경으로 사용하기

Nuxt에서 Video를 배경으로 사용하는 방법은 몇 가지 있지만, 일반적으로 제공해주는 package를 사용해야합니다. 그렇지만 신뢰하기 어려운 기능들도 많이 있었습니다.또, 플레이어에 비디오를 넣기 위해서는 파일을 직접 local이나 배포되는 서버에 올리지 않는 방

2022년 5월 22일
·
0개의 댓글
·
post-thumbnail

Nuxt로 Vercel에 배포하기

vercel에 들어가서 new project를 한 뒤 깃허브 레포지토를 기존에 있는걸로 연결하거나 새로 연결한다.vercel에서 해당 프로젝트의 setting으로 들어와서 아래 사진과 같이 세팅한다.깃에서 푸쉬만해도 자동으로 빌드를 돌리게 된다.image-2022052

2022년 5월 22일
·
0개의 댓글
·
post-thumbnail

Nuxt.JS는 무엇인가? 왜 배워야 하는가에 관하여

현재 Nuxt.js를 사용해서 근무를 하고있습니다.원래 첫 회사에서도 Vue.js를 사용했기 때문에 Nuxt.js는 익숙한 구조와 문법 등 Vue.js 기반으로 제공되는 프레임워크이기 때문에좀 더 공부한다면 익숙하게 사용할 수 있을 것 같습니다.Nuxt는 Vue.js로

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

Nuxt.js - 브라우저 주소창 아래에 프로그래스바 제거

https://stackoverflow.com/questions/69873943/how-to-disable-progress-bar-in-nuxt

2022년 5월 4일
·
0개의 댓글
·