# nuxt

59개의 포스트

Nuxt 프레임워크로 생성한 Vue 프로젝트 GitHub Page에 배포하기

Nuxt 프레임워크로 생성한 Vue프로젝트 Github Page에 배포하기 작업한 내용 먼저 git에 올리기.

2021년 12월 19일
·
0개의 댓글

Nuxt.js

Nuxt.js는 Vue.js 프레임워크를 기반으로 SSR(Server Side Rendering) 웹 페이지를 만들 수 있도록 해 주는 라이브러리입니다. SEO 등의 문제로 CSR이 아닌 SSR 웹을 구축해야 하는 경우에 유용하게 사용할 수 있습니다.Vue.js 프로젝

2021년 12월 13일
·
0개의 댓글

nuxt - fetch vs asyncData

fetch, asyncData

2021년 12월 9일
·
0개의 댓글

Nuxt.js

https://doozi0316.tistory.com/entry/Nuxtjs-%EC%9D%98-%EA%B0%9C%EB%85%90%EA%B3%BC-%EC%98%88%EC%A0%9C-SSR-CSR-Universal

2021년 12월 7일
·
0개의 댓글
post-thumbnail

21.12.03 - TIL [nuxt.js]

프로젝트를 진행 시 vue로 시작했으나 메타 이미지와 SEO 최적화를 위해 nuxt 프레임워크를 도입해야했다. vue로 완성했지만 nuxt로 변환해주면서 생긴 문제들이 있었다.

2021년 12월 3일
·
0개의 댓글
post-thumbnail

21.11.02 - TIL [nuxt.js]

Nuxt.js의 사용자 정의 설정을 포함하는 파일이다.

2021년 12월 2일
·
0개의 댓글

nuxt에서 CORS 에러 해결하기

@nuxt/proxy 사용해서 해결

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Nuxt 레이아웃 동적 구성 하기

아래 명령어로 새 프로젝트를 생성 한다.Vuetify를 선택 해주는 것 외에는 본인 환경에 맞게 적당히 선택 해준다.yarn dev로 서버를 실행 한다.브라우저로 http://localhost:3000을 열어보면 아래와 같이 기본 페이지가 생성 되어 있다.pa

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Nuxt, Next, Nest? 무엇이 다른가

출처 : https://tenmilesquare.com/resources/software-development/nuxt-next-nest-my-head-hurts/Nuxt, Next, Nest에 차이점을 알아보기 위해 찾다가 이 원글이 가장 설명을 잘해놓은 것

2021년 10월 18일
·
0개의 댓글

[vue] nuxt.js

nuxt

2021년 9월 23일
·
0개의 댓글
post-thumbnail

Nuxt/Vuex/Jest 테스트에서 Promise 예외 핸들링 하기

예를들어서 페이로드가 예상대로 들어오지 않았다면 아래처럼 예외를 강제로 발생 시킨다.store/actions.js에서파라메터 뿐 아니라 API의 리턴값 등에 대해서도 조건을 걸면 되겠다.

2021년 9월 15일
·
0개의 댓글
post-thumbnail

Nuxt(vue.js) Nightwatch E2E 나이트워치 크롬드라이버 버전 문제로 테스트 실행 실패시 해결 방법 - Chromedriver

어느날 갑자기 맥북의 크롬이 업데이트 되더니 그전까지 잘 되던 Nuxt프로젝트에서의 나이트워치 테스트가 실행이 안되었다. 나중에 크롬 드라이버가 업데이트되면 또 비슷한 경우가 있을 것 같아서 해결법을 블로그에 남겨둔다.

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

[백엔드/프론트엔드] Rails API+Nuxt(Vue.js)로 게시판 구현 하기 Vuetify, Vuex Stores활용

Nuxt.js(vue)+Rails API 게시판 구현 하기. 넉스트와 레일즈서버를 이용해서 게시판을 만드는 방법을 알아 보겠습니다.

2021년 9월 7일
·
0개의 댓글

Nuxt(Vuetify) + Rails 이미지 파일 업로드 하기

Nuxt.js + Rails 이미지 파일 업로드 하기

2021년 9월 5일
·
0개의 댓글

Nuxt에서 SASS/SCSS 사용 하기

Nuxt에서 SASS/SCSS 사용 하기 Sass는 신텍스 어섬 스타일 시트의 약자로 CSS작성시 여러가지 개발 편의성을 제공 한다.(변수 이용, 계산식 사용 가능 등) 만약 nuxt프로젝트에 이를 도입 하고 싶다면 어떻게 하면 되는지 알아보자.

2021년 9월 4일
·
0개의 댓글
post-thumbnail

NUXT 기초 강의 : 넉스트는 무엇인가?

넉스트는 무엇인가?The intuitive Vue Framework공식 홈페이지에 써 있는 말이다.즉, Nuxt는 Vue.js의 직관적인 프레임워크이다.Vue.js도 프레임 워크이므로 프레임워크의 프레임워크 되시겠다. 전문용으로 하이레벨 프레임워크이다.

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

[Vuex] Store actions, mutations, getters 명명 규칙 꿀팁들 (Vue, Nuxt)

필자는 수개월째 Nuxt.js 로 프론트엔드 개발 작업을 하고 있다. 그러던중 작업한 변수명, 함수명 등이 표준에 맞지 않고 거기에 더해서 다른 수많은 변수명, 함수명과 중복이 되거나 뜻을 직관적으로 알기 어려워 유지보수 비용이 증가 하고 있음을 알게 되었다.

2021년 9월 2일
·
0개의 댓글
post-thumbnail

Jest로 Vue/Nuxt 컴포넌트 테스트 만들기 (Store, Routes Params 사용)

현대 프로그래밍에서 자동화 테스트는 개발자들의 디버깅 시간을 아껴주고 동시에 생산성을 높여 주고 있으므로 필수라고 할 수 있겠다. 이후에 Jenkins 등의 CI/CD 툴과 연계 하면 그 시너지는 엄청나게 커진다.프론트엔드 개발에서도 마찬가지인데

2021년 9월 1일
·
0개의 댓글
post-thumbnail

Jest로 Nuxt Store 스토어 테스트 만들기 (모듈화, 네임스페이스 사용)

넉스트를 처음 설치 하고프로젝트를 생성 하면 테스트 프레임워크를 옵션으로 선택 할 수 있다. 친절하게도 샘플 테스트도 같이 딸려온다.하지만 상용 웹앱을 제작 하거나 꽤나 규모가 있는 프로젝트를 진행 중이라면 대부분의 메인로직이 Vuex 스토어(Store)에 저장 되어

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

Nuxt.js 기초 강좌 : 페이지와 컴포넌트

페이지는 컴포넌트가 아니다.컴포넌트 이름에는 두단어 이상 사용 할것을 추천 한다. 왜냐하면 케밥 케이스(모두 소문자로 하되 단어 사이에는 하이푼을 넣는 명명법)를 사용하는 HTML 태그와 같은 이름이 겹칠 수 있기 때문이다.

2021년 8월 29일
·
0개의 댓글