# nuxt

112개의 포스트
post-thumbnail

와 환각!

뭐하다 이걸 만들게 된거지? >Nuxt3에 대해서 찾아보다가 Nuxt Modules를 알게 되었다. 좋은게 많아서 여러 개 찾아보다가 VueUse를 가지고 놀게 됐다. 예전 Vue를 이용한 프로젝트 때 이벤트 관련해서 구현하기 귀찮은적이 많았는데, 이놈은 별의별 걸

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

Nuxt에서 Jest 설정 및 사용해 보기

nuxt프로젝트를 cli로 만들때 단위테스트를 선택하는 부분이 있는데 선택하면 자동으로 설치해줍니다.저는 프로젝트 생성시에 선택하지 않아서 수동으로 설치해 줬습니다.Nuxt프로젝트 생성수동으로 선택해서 프로젝트 생성시npm init nuxt-app 기본설정으로 프로젝트

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

SASS 세팅

SASS 세팅을 하는데 우여곡절이 많았는데... 간단하게 복습 차원에서 정리해보겠다...우선 나는 NUXT 라는 것을 이용해서 파일을 만들었다.node_modules 및 package.json이 자동으로 생성되었다!하지만 node version이 14버전으로 구버전이었

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

와 다크모드!

다크모드아~ 그 식상한 다크모드~역시 회사에서 할 게 없어서 무지성 개발 중인 본인. 월급루팡 아니에요 일을 다 끝낸 거뿐이에요 ^\_\_\_^ bNuxtTailwindCSSVercel(역시 배포 짱 편함)animation 노가다귀여운 🌞과 🌚아무생각 없이 적은 개

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

nuxt 1일차

나는 vue 라곤 설치하고 템플릿 사용하고 컴포넌트 만들어 임포트하는게 고작인데, 이마저도 프로젝트에 돌입해서 알게됐다. 그래서 회사에서 nuxt를 사용한다고 하여 복습 차... 작성한다.내용 출처내용 출처정리용으로 적는다.Nuxt.js 는 Vue.js 응용 프로그램을

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

Nuxt(Server Side Rendering) 배포와 통신

Nuxt 서비스 배포 방법 Nuxt.js 서비스를 배포하는 방법은 프로젝트를 생성할 때 선택한 Universal 모드의 배포 방식에 따라 다르다. 아래 2가지 유형에 따른 배포 방법을 살펴보자. SSR(Server Side Rendering) SSR 모드는 위 그

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

Nuxt SSR에서 메모리 누수

서비스 운영중 사용자가 많아졌을 때 메모리가 오버되면서 503에러를 뿌리면서 죽는 문제가 발생그외의 상용서비스 구간에서 지속적으로 메모리가 증가하다가 죽는경우가 발생함.메모리 서버 지속적 증가원인은 여러가지로 의심됨.node, nuxt, package에 있는 모듈중 수

2023년 2월 21일
·
0개의 댓글
·

[IE] How to fix SCRIPT1002 : syntax error

SCRIPT1002:syntax error 위 에러는 구문 오류로 IE 에서 지원되지 않는 문법을 사용할 경우 발생 따라서 babel 설정을 살펴봐야함 vue 의 babel-loader 설정 유의사항 vue-cli 의 webpack babel-loader의 기본 설

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

vue - nuxt.js - typescript: Property '*' does not exist on type 등..

typescript + nuxt.js 프로젝트에서,빨간줄이 뜨고, 속성이 없다는 경고가 뜰 때가 있다. 컴포넌트에서 '이 호출과 일치하는 오버로드가 없습니다.' 라든가 '이 호출과 일치하는 오버로드가 없습니다.'라는 경고가 뜬다.근데 vue와 nuxt는 react에 비

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

(Nuxt)Vuex 연결이 안되는 에러

nuxt 프로젝트에 vuex 를 설치해 $store 전역객체를 쓰려는 순간, $store 이 undefined 로 간주되어 다음과 같은 에러가 발생했다.크롬 개발자도구를 켰을 때도 패널에 Components, Timline, Routes 만 있을 뿐 Vuex 는 표시되

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

Nuxt (Server side rendering) 사용하기

Nuxt의 폴더 구조 넉스트의 프로젝트 생성 며령어를 실행하고 난 뒤 생성된 넉스트의 기본 폴더 구조를 살펴보겠다. 다음은 넉스트의 기본 폴더 구조이다. Nuxt의 폴더 구조 넉스트의 프로젝트 생성 며령어를 실행하고 난 뒤 생성된 넉스트의 기본 폴더 구조를 살펴보겠

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

Nuxt (Server side rendering)란?

Nuxt란? Nuxt는 Vue.js로 빠르게 웹을 제작할 수 있게 도와주는 프레임워크이다. 웹 어플리케이션을 제작할 때 필요한 뷰엑스, 라우터, axios와 같은 라이브러리들을 미리 구성하여 싱글 페이지 어플리케이션(Single Page Application), 서버

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

태그 스타일의 썸네일 메이커 프로젝트, Samnail-maker

포스팅에 쓸만할 썸네일을 어디서 찾나... 벨로그 포스팅을 가끔 하려 할 때면 피그마에서 대충 끄적거린 후 이미지로 추출해 사용해 오다가, 매번 하는 그게 너무나도 귀찮아져 적당한 포맷을 만들어 둬야겠다 싶어 이참에 만들게 되었다. 어느 때는 블로그는 뒷전이고 피그마

2023년 1월 3일
·
26개의 댓글
·

Nuxt 3.0 - 프로젝트 생성 및 서버 실행

Node.js (above 16.11)Visual Studio CodeVolar Extension

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

[Nuxt.js]Nice ID 인증

Nice ID 인증

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

[Nuxt.js] tab 메뉴 및 검색 구현하기

asyncData로 data에 isActive를 추가v-model 및 search, reset에 사용할 data 추가filter에 사용할 methods 및 tab active 효과를 위한 함수 작성data에 isActive가 true일때 searchFilters를 실행

2022년 11월 28일
·
0개의 댓글
·

NUXT js 시작하기

node js 를 설치한 후다.cd <project_name>echo $null > package.jsonnpm init --yes // 먼저 package.json 를 만들지 않아도 될 듯

2022년 11월 10일
·
0개의 댓글
·

Nuxt3로 이사하기

우리는 최근에 nuxt2 composition-api의 환경에서 nuxt3로의 전환을 결정했다.전격적으로 nuxt3를 도입하게 된 배경설명과 어떠한 모듈을 사용하고 있는지에 대한 내용을 다룬다.우리는 지금까지 nuxt2의 options api에서 composition-

2022년 11월 2일
·
1개의 댓글
·
post-thumbnail

Nuxt EC2 설치하기

터미널에 접속한다.curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash --명령어를 입력한다.npm install nuxt 입력한다.끝!

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

Nuxt3 초기 설정 방법

넉스트3이 새로 나왔다고 해서 초기 설정을 해보았다.

2022년 10월 21일
·
0개의 댓글
·