25%
41,250원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨Nuxt.js 시작하기
asyncData vs fetch 문의 드립니다.
asyncData 와 fetch 는 비슷한 기능 같아 보이는데, 왜 2개가 있는지 혼란 스럽습니다. 1) asyncData 가 pages 내의 컴포넌트만 가능한 이유가 무엇일까요 ? pages 컴포넌트는 특별한 무엇이 있는 듯 해서요. 2) 혹시 모든 걸 fetch 로만 가능한 건 아닐까요 ? asyncData 로만 가능한 기능이 어떤 걸까요 ? 본 강의에서 예시를 들어줄 수 있는지요 ? 3) 둘 중 어느 하나로만 안되고, 혼란스럽게 두 개로 분리한 중요한 촛점이 있을 듯 한데요. 그게 무엇일까요 ? 실제 직접 사용할려면, 많이 혼동할 거 같습니다...
- 미해결Nuxt.js 시작하기
뭐하나 여쭤볼려고 질문드립니다.!!
혹시 nuxt나 vue에서 일반 js에서 plugin 형태로 ex) $store ,$route 형태로 쓸수있는방법없을까요?? import 형태로 store를 불러오거나 $형태로 불러오면 계속 undefined 뜨네요 ㅠㅠ 찾아봐도 없길래 짊문드립니다. 감사합니다.
- 미해결Nuxt.js 시작하기
Cannot read property 'user_id' of undefined 가 떠요ㅠㅠ
nuxt를 쓰는데 v-for="(rowItem, idx) in superMarketList" :key="rowItem.user_id" :class="{ even: idx % 2 == 1 }" > <td v-for="(colItem, name, j_idx) in rowItem" :key="colItem.user_id"> 빨간줄 부분을 넣으면 Cannot read property 'user_id' of undefined 계속 떠요ㅠ 이게 컬럼에 데이터를 비운채로 실행하니까 뜨는거 같은데 빈컬럼을 지우니까 안뜨더라구요 데이터를 안넣고 배열된 테이블을 띄우는 방법이 없을까요?
- 미해결Nuxt.js 시작하기
장바구니 추가를 반복적으로 하다 보면 가끔 500에러가 발생합니다.
1. key값을 cartItem.id로 설정했더니, 동일한 아이템을 장바구니에 담기를 했을 경우 아래와 같이 에러가 발생하고 있습니다. vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: '0'. This may cause an update error. found in ---> <Pages/cart.vue> at pages/cart.vue <Nuxt> <Layouts/default.vue> at layouts/default.vue <Root> 이거는 key값이 중복되었을 때 발생하는 오류인데 혹시나 동일한 이슈가 생겨서 찾는 분이 계실것 같아서 올렸습니다. key를 index로 잡으면 없어지긴 합니다. 2. 코드는 강사님이 작성한 것과 동일하게 넣고 테스트를 하는데, 잘 되다가도 간혹 에러페이지로 가는 경우가 발생해서 네트워크와 백엔드 쪽을 확인해보니 아래와 같이 id가 중복된다는 코멘트가 발생하고 있습니다. 구글링을 해봤지만 뭔가 잘 해결이 안되서 문의드립니다. GET /products 200 3.164 ms - 4120 GET /products/0 304 2.824 ms - - POST /carts 201 3.226 ms - 122 GET /products 304 2.879 ms - - GET /products/0 304 2.879 ms - - POST /carts 201 3.532 ms - 122 GET /products 304 2.907 ms - - GET /products/2 304 2.832 ms - - Error: Insert failed, duplicate id at Function.insert (/Users/nuxt-store/backend/node_modules/lodash-id/src/index.js:49:18) at /Users/nuxt-store/backend/node_modules/lodash/lodash.js:4430:28 at arrayReduce (/Users/nuxt-store/backend/node_modules/lodash/lodash.js:697:21) at baseWrapperValue (/Users/nuxt-store/backend/node_modules/lodash/lodash.js:4429:14) at LodashWrapper.wrapperValue (/Users/nuxt-store/backend/node_modules/lodash/lodash.js:9114:14) at create (/Users/nuxt-store/backend/node_modules/json-server/lib/server/router/plural.js:239:48) at Layer.handle [as handle_request] (/Users/nuxt-store/backend/node_modules/express/lib/router/layer.js:95:5) at next (/Users/nuxt-store/backend/node_modules/express/lib/router/route.js:137:13) at next (/Users/nuxt-store/backend/node_modules/express/lib/router/route.js:131:14) at Route.dispatch (/Users/nuxt-store/backend/node_modules/express/lib/router/route.js:112:3) POST /carts 500 2.016 ms - -
- 미해결Nuxt.js 시작하기
[VUEX] Rest API 말고 다른 방법에 대한 강의 영상 계획은 없으실까요? ㅠㅠ
vuex 사용하면서 localStorage나 sessionStorage 사용하는 방법과 Rest API 대비 장단점에 대해 알고 싶었는데 해당 부분은 강의에 포함되어 있지 않은 것이 아쉬워서 질문드립니다. (_ _)
- 미해결Nuxt.js 시작하기
nuxt axios를 사용하지 않는 이유가 있을까요?
넉스트에서는 @nuxtjs/axios 사용 시this.$axios 로 axios 사용이 가능한 것으로 알고 있습니다.근데 강의에서는 axios를 사용하고 계시서요. 그렇게 하시는 것에 어떤 이슈가 있어서인지 알고 싶습니다. (_ _)
- 미해결Nuxt.js 시작하기
선생님~ 다른 서버에 있는 .vue 파일을 "페이지가 렌더링 된 후에 불러오는 방법"이 있을까요?
안녕하세요 ~ 선생님 덕분에 Nuxt.js에 대한 개념 정리하며 학습할 수 있어서 감사합니다. asyncData(), fetch() 강의를 들의 면서, 궁금한 게 있어서 질문드립니다. 다른 서버에 있는 .vue 파일을 "페이지가 렌더링 된 후에 불러오는 방법"이 있을까요?
- 미해결Nuxt.js 시작하기
nuxt.js 초기 세팅시 폴더 구조가 강의와 다르게 구성됩니다
프로젝트 생성시의 설정값을 강의에서와 동일하게 했는데, 말씀하신 것과 폴더구조가 다르게 설정되고 있습니다. (프로젝트 이름을 동일하게 설정하고 설치해도 저렇게 폴더구조가 잡힙니다) npm run dev를 실행하면 첫 화면도 강의와 다르게 나오고 layouts, middleware, plugins와 같은 폴더가 빠졌는데 create-nuxt-app 버전이 강의에서는 v3.6.0이고 지금 설치하면 v3.7.1으로 나오는데 버전이 달라지면서 생기는 차이인걸까요?