묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
$route 관련 에러
안녕하세요, $route를 사용하려고 하니 아래와 같은 에러가 발생했습니다.강의 중에도 이를 위한 추가 작업은 없었는데, 저는 빨간줄이 생기네요..ㅎㅎ 관련하여 검색해봤는데 해결책을 찾지 못해 문의드립니다!
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
package.json 구성 관련 문의
안녕하세요,기본, 실전, firebase 활용에 이어서 nuxtjs까지 자연스럽게 수강중입니다..ㅎㅎ이번 강의도 여느 때처럼 꼼꼼하고 친절하시네요! 프로젝트 구성 강의를 보며 3가지 의문이 들어 문의드립니다!nuxt.config.ts 파일에서 typeCheck: true를 해두면 아래와 같은 에러가 발생합니다(이미지 참고). 프로젝트의 package.json, node 및 npm 버전은 짐코딩님과 동일한 상태입니다.typeCheck: false로 해두면 해당 에러가 사라지는데, 당연한 걸까요? 짐코딩님 github에서 nuxt.config.ts 파일을 보면 typeCheck: true로 되어있는 걸 보면, 1) 원래는 없었던 에러이거나 2) 제가 설정을 더/덜 해야하는 부분이 있어보이는데 잘 모르겠습니다.. 짐코딩님 package.json에 보면 vue-router가 설치되어 있습니다. nuxi로 프로젝트 생성하면 최초에는 없더라고요! 필요에 의해 설치를 한 것인지, 아니면 강의 촬영 당시에는 nuxi로 프로젝트 생성 시 vue-router가 default로 포함되어 있던건지 궁금합니다.3. devDependencies와 dependencies는 무엇으로 구분하나요? 제가 nuxi를 이용해서 프로젝트를 생성했더니, nuxt와 vue는 dependencies에 포함되어 있었습니다만, 짐코딩님 package.json을 보면 둘 다 devDependencies에 포함되어 있더라고요. 어떤 차이가 있을까요? nuxi로 프로젝트 생성 시 dependencies에 있떤 nuxt와 vue를 인위적으로 devDependencies로 옮기신걸까요? 그렇다면 이유가 무엇일까요?
-
미해결Vue 3 시작하기
vbc 단축키 질문
vbc + 탭을 하면 기본적인 템플릿 가이드가 나온다고 하는데 저는 나오지 않습니다.vue vscode snippet 플러그인을 다운받았는데도 그러는데 왜 그럴까요??
-
미해결Vue 3 중급 - Composition API
volar 확장 기능이 현재 미지원으로 뜹니다.
vue - official은 설치되어 있는데 강의 내용중 TodoHeader 자동 import가 먹지 않습니다. 가능한 다른 루트가 있는 걸까요?
-
미해결Vue 3 중급 - Composition API
vb 입력 후 스마트 완성이 뜨지 않습니다.
vb 입력 후 스마트 완성이 뜨지 않습니다. 대신 vueInit으로 진행하고 있기는 한데 어떤 세팅이 덜(잘못) 되어 있는걸까요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
코드에서 $i18n, $route 등 provide로 제공된 객체가 템플릿에서 붉은색으로 표시됩니다.
안녕하세요. 좋은 강의 잘보고 있습니다.강의를 진행하면서 한가지 문제가 있어서 문의드립니다.아래 스크린 샷과 같이 nuxtApp.provide 또는 Auto-Import 된 모듈을 Template 영역에서 사용하면 아래와 같이 속성을 찾을 수 없다는 에러가 발생합니다. index.d.ts 또는 타입을 추가하면 해결될 것으로 보이긴 하지만, 강의에서는 딱히 타입을 추가로 정의하지 않은 것으로 보이는데 어떤 설정을 추가해야 정상적으로 타입스크립트가 속성을 인식할 수 있는지 궁금합니다. 감사합니다.
-
미해결Vue 3 시작하기
LEARN-VUE-JS 프로젝트 질문
vue.js 공부를 하려고하는데 LEARN-VUE-JS프로젝트는 깃헙에서 다운받으면 되는건가요?? 아니면 프로젝트 어떻게 만들고 진행하는지 궁금합니다.
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
type : negative 무슨 의미인가요?
비동기상태(loading,error)관리 24:40제가 수업에서 놓친건진 모르겠는데요. 타입에 String, Number는 알겠지만 negative가 뭔지 모르겠네요. 검색해도 못찾겠구요.
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
강의 교안은 어떻게 볼 수 있나요?
여러군데 검색해도 나오지 않기에, 이곳에 올려봅니다. 항상 좋은 강의 감사드립니다!
-
미해결Vue 3 중급 - Composition API
화면이 안나옵니다
(사진)
-
미해결Vue 3 시작하기
yarn serve 를 실행하기 위한 조건이 있을까요?
vue cli 생성 부분에서,npm install -g @vue/cli 하고vue create vue-cli2 로 생성하였습니다.깃허브에서 받은 소스에 이미 vue-cli 폴더가 있어서 저는 vue-cli2로 생성하였습니다. 근데 생성되는 진행과정을 보면, 강좌에서는 yarn install ... 이렇게 뜨던데요.그래서 실행도 yarn serve 로 하구요.. 그런데 저는 npm install ... 이걸로 되던데요. 실행도 npm run serve 로 해야하구요. 제가 강의 중간 어디서 yarn 설정에 관한 부분을 놓친 걸까요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
fetch와 axios에 대한 질문
마지막 Nuxt Configuration 강의가 남아 있지만 궁금해서 질문을 던집니다. 주로 fetch를 이용해서 API 통신을 하는데 axios는 이제 앞으로 사용하지 않는 추세인가요?아니면 fetch 대신에 axios를 사용하는 것도 좋은 방법인가요?아직은 잘 몰라서 질문이 틀릴 수도 있는 점 이해주시면 감사드립니다.
-
해결됨쉽고 빠르게 배우는 Vue 3 기본 (Composition API)
마지막 8챕터는 재생되지 않네요~
마지막 8챕터는 재생되지 않네요~수강완료 되지 않습니다 확인해주세요~
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
교안에 있는 jsonwebtoken
안녕하세요이번에 nuxt로 프로젝트를 진행하고있습니다. 강의에는 없지만 교안에는 Authentication API Advanced 해당 부분이 있어 보고있는데, 여기서 jsonwebtoken 을 npm으로 설치를 하고, 해당 jwt를 import하면 500util.inherits is not a function이런 오류가 뜹니다. jsonwebtoken 버전을 다운그레이드해서 설치해도 동일한 문제가 발생하는데,어떻게 해야할까요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
API Routes를 통해 만든 /api/error.ts 의 반환값 문제
안녕하세요../server/api/error.ts를 다음과 같이 구성하였습니다.export default eventHandler(() => { throw createError({ statusCode: 404, statusMessage: '페이지를 찾을 수 없습니다.', }); });그리고 강의에서와 같이 http://localhost:3000/api/error 요청하면 json으로 요청이 되지 않고 다음과 같이 html 화면만 출력이 됩니다. 해당 요류를 어떻게 해결할 수 있을까요.감사합니다.
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
Property $hello does not exist on type
안녕하세요.강의를 수강하면서 Plugins 부분에 대해서 질문이 생겨서 글을 작성했습니다.강의를 따라하다 보니 hello.ts를 교안과 같이 작성하였고, index.d.ts와 app.vue도 동일하게 구성하였는데 다음과 같은 오류가 발생하고 있습니다.(course.vue에서 $hello를 사용하는 부분 - 기능은 동작하고 있음)[vue-tsc] Property '$hello' does not exist on type 'CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, { courses: typeof courses; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ... 12 more ..., {}>'.혹시 이러한 오류가 발생하였을 때 어떻게 해결해야 할 지 궁금합니다.(추가+ index.d.ts의 타입 선언 부분의 주석을 해제하면 오류가 사라집니다.)hello.tsexport default defineNuxtPlugin(() => { return { provide: { hello: (msg: string) => `Hello ${msg}!`, }, }; });강의를 너무 잘 수강하고 있습니다. 감사합니다.
-
미해결Vue 3 시작하기
volar(vue language features) 검색 안됨
volar 와 vue language features 로 검색해봤지만, 영상에 나오는 플러그인은 검색이 안됩니다. 다른걸 설치해야할까요?
-
미해결Vue 3 중급 - Composition API
watch newValue와 oldValue가 같은 이유?
음 강의를 잘듣고있습니다. 궁금한 점은 watch를 사용하는 부분에서 인자 두개 prevValue,newValue 두개를 콘솔로 찍어봤을때 값이 같은 이유는 뭔지가 궁금합니다.
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
config.authCookieName 에서 타입 오류가 발생합니다.
[vue-tsc] Argument of type 'unknown' is not assignable to parameter of type 'string'./workspace/dev/nuxt-tutorial/server/routes/auth/login.post.ts:38:20 36 | 37 | const config = useRuntimeConfig(); > 38 | setCookie(event, config.authCookieName, JSON.stringify(userWithoutPassword)); | ^^^^^^^^^^^^^^^^^^^^^ 39 | 40 | return { 41 | user: userWithoutPassword,[vue-tsc] Argument of type 'unknown' is not assignable to parameter of type 'string'./workspace/dev/nuxt-tutorial/server/utils/auth.ts:5:43 3 | export function getUserFromEvent(event: H3Event) { 4 | const config = useRuntimeConfig(); > 5 | const userJsonString = getCookie(event, config.authCookieName); | ^^^^^^^^^^^^^^^^^^^^^ 6 | 7 | console.log('userJsonString: ', userJsonString);config.authCookieName 에서 타입 오류가 발생하는데 어떻게 해결 할 수 있을까요..?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
unhandledRejection 오류는 어떻게 해결 해야 하나요?
현재 우분투 서버단에서 nuxt3와 pm2로 실행관리를 하려면 테스트중입니다.그런데, 잘 작동하다가 한번씩.. 아래와 같은 오류를 발생시키면서 서버가 죽습니다.며칠동안 방법을 찾으려고 했으나, 찾을수가 없어서 질문 드립니다.(구글링, gpt 하면서 체크하라는 부분은 다 체크해 보았는데.. 못 잡았습니다.. 해당 패키지들은 최신버전이고, node도 다른버전으로 변경해 보았으나, 동일한 현상을 발생시킵니다.)관련 이슈도 있는거 같던데.. 혹 알고 계시는거 없는지요??0|nuxt3 | ERROR [unhandledRejection] connect ECONNREFUSED 127.0.0.1:43671 0|nuxt3 | 0|nuxt3 | at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1606:16) 0|nuxt3 | 0|nuxt3 | 0|nuxt3 | ERROR [unhandledRejection] connect ECONNREFUSED 127.0.0.1:43671 0|nuxt3 | 0|nuxt3 | at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1606:16) 로컬에서 개발시에는 개발중 이런 문제가 없었던 것으로 기억하는데..서버단으로 이동후에는 이러네요..정확한 원인을 모르니, 많이 답답합니다.. 알려주세용..