묻고 답해요
152만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결
계속 에러만 발생하면 아에 서버가 꺼지더라구요 if (!user) { res.status(401).send('Authentication failed. User not found.'); } 위에 해당코드에 return 해주니 되더라구요 이미 401에러인데 리턴 끝내지않아서 아래도 실행이 되는게 문제였습니다. if (!user) { return res.status(401).send('Authentication failed. User not found.'); }
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
교안에 있는 부분이 아닌가요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요혹시 POPUP이라든지 이런 부분은 노션 교안에 없는건가요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
useAxios Proxy(Object) RefImpl
안녕하세요.강의 넘넘 잘 듣고 있습니다.이번 강의 따라하다가 이상한 부분이 있어서 질문 드립니다.기존에 사용하던 axios 호출 방식은 이상없이 잘 작동했었는데이번에 컴포저블로 변경하면서 동일한 결과가 나오지 않습니다.useAxios에서 응답을 로그로 찍어보면 아래와 같이 Proxy(object)라는게 달라 붙습니다.이녀석을 해당 page에서 전달받아서 로그를 찍어보면 아래와 같이 RefImpl이라는게 달라 붙습니다.저런것들이 달라 붙으면서 안에 data를 사용하려고 하면 undefined로 뜨고 가져오질 못하고 있습니다.참고로 저는 별도의 api 서버를 구축하여 강의를 따라하고 있습니다.무엇이 문제일까요?어떻게 해결 할 수 있을까요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
타입체크 관련질문입니다.
이와같이 npm install -D vue-tsc typescript를 했음에도 타입체크가 안되고있는모습입니다이유를 알수있을까요?또한 강의교안대로 했을때이렇게되고 npm run lint를하면kimchanghun@gimchancBookAir learn-nuxt-3 % npm run lint> lint> eslint "**/*.{ts,tsx,vue,js}" --fixOops! Something went wrong! :(ESLint: 8.57.1Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './config' is not defined by "exports" in /Users/kimchanghun/learn-nuxt-3/node_modules/eslint/package.json imported from /Users/kimchanghun/learn-nuxt-3/eslint.config.js at exportsNotFound (node:internal/modules/esm/resolve:314:10) at packageExportsResolve (node:internal/modules/esm/resolve:661:9) at packageResolve (node:internal/modules/esm/resolve:774:12) at moduleResolve (node:internal/modules/esm/resolve:854:18) at defaultResolve (node:internal/modules/esm/resolve:984:11) at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:685:12) at #cachedDefaultResolve (node:internal/modules/esm/loader:634:25) at ModuleLoader.resolve (node:internal/modules/esm/loader:617:38) at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:273:38) at ModuleJob._link (node:internal/modules/esm/module_job:135:49)이런오류가뜹니다!
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
rndrmagkqslek.
2.x <-- Vue 2로 하시는게 중요합니다. 아직 Vue 3는 상용 서비스에 적용하기에는 무리가 있습니다.프로젝트 진행시에는 그렇게 진행할 것인데,혹 여전히 상용서비스에 적용하기에 무리가 있는지 궁금합니다!
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
axios timeout
axios를 create할때 timeout값을1초(1000)에서 10초(10000)로변경했습니다.api 서버를 종료하고 테스트 해보니10초가 안먹는거 같네요.다른 값으로 입력해도 거의 항상 2초만에network error가 뜹니다.왜 그런걸까요? import axios from 'axios'; function create(baseURL) { const instance = axios.create({ baseURL, timeout: 10000, headers: { 'X-Custom-Header': 'foobar' }, }); return instance; }
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.
예전에 제가 Vue를 사용할 때 아래와 같이 작업한 경험이 있습니다. <template> <template #title>{{ title }}</template> <template #chart>...</template></template> 위에서 template에 #을 붙이는게 어떤 의미인지 기억이 안나서 그런데 혹시 아시나요? 구글링을 해도 안나와서 부득이하게 여기에 질문 남깁니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
화면이 왜 이렇게 뜨는걸까요?
동일하게 했는데 왜 local 화면이 이렇게 뜰까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
왜 다르게 뜰까요..?ㅠㅠ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.이 두개를 선택하면 선생님이 하신건npm run lint가 뜨는데 왜 저는 npm run format? 이 뜨는걸까요..?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
npm init vue , npm create vue@latest 명령 오류
저는 이상하게 둘다 오류가 발생합니다.Node버전이 22여서 20으로 바꿔서 해봐도 오류가 납니다.> npx > create-vue node:internal/modules/esm/load:209 throw new ERR_UNSUPPORTED_ESM_URL_SCHEME(parsed, schemes); ^ Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:' at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:209:11) at defaultLoad (node:internal/modules/esm/load:107:3) at ModuleLoader.load (node:internal/modules/esm/loader:701:12) at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:514:43) at #createModuleJob (node:internal/modules/esm/loader:538:36) at #getJobFromResolveResult (node:internal/modules/esm/loader:306:34) at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:274:41) at async onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:577:25) { code: 'ERR_UNSUPPORTED_ESM_URL_SCHEME' } Node.js v22.14.0 npm error code 1 npm error path C:\VueTemp npm error command failed npm error command C:\WINDOWS\system32\cmd.exe /d /s /c create-vue npm error A complete log of this run can be found in: C:\Users\xxxx\AppData\Local\npm-cache\_logs\2025-04-02T02_23_01_287Z-debug-0.log어디가 문제일까요?
-
해결됨카카오,구글 SNS 로그인(springboot3, vue3)
refresh 와 naver login 도 두번째 강의도 만들어주시면 어떨까요
이 수업 듣고 완전 이해 했습니다.refresh와 로그인도 해주시면 진짜 감사합니당ㅎㅎㅎ kotlin하고 nextjs 로 뚝딱뚝딱 만들었는데 이 정도만 하고 aws 에 올리면 이직 시 포트폴리오로 제출해도 문제 없을 것 같아요.
-
미해결카카오,구글 SNS 로그인(springboot3, vue3)
백엔드 서버에서 소셜 로그인을 전부 처리하는 것에서 질문 있습니다.
"인가코드(백엔드에서 발급)" 강의에서 백엔드에서 소셜 로그인을 처리 부분에 질문이 있습니다.해당 방식의 단점이 JWT 반환 시, redirect 방식을 사용하므로 JWT 토큰 값이 노출될 수 있어 보안상 문제가 될 수 있다고 이해했습니다.하지만 JWT 토큰 값 자체는 브라우저 로컬 스토리지에 저장하면 어떻게든 유저에게 노출되는 것 아닌가 라는 생각이 듭니다.이에 대한 강사님의 생각이 궁금합니다.
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
컴포넌트 분리 부분에서 오류가 나요ㅠㅠ
선생님 도와주세요ㅠㅠ어디에서 뭘 뺀 건지...잘못 넣은 건지...수업 영상을 다시 돌려봐도 모르겠어요ㅠㅠㅠ경고 문구main.js?t=1742821699924:20 [Vue warn]: Invalid prop: type check failed for prop "id". Expected String with value "1", got Number with value 1.at <PostDetailView id=1 >이슈 문구PostDetailView.vue:67 TypeError: relativeURL.replace is not a functionat combineURLs (axios.js?v=db7c3fbd:1351:74)at buildFullPath (axios.js?v=db7c3fbd:1358:12)at resolveConfig_default (axios.js?v=db7c3fbd:1448:28)at dispatchXhrRequest (axios.js?v=db7c3fbd:1480:21)at new Promise (<anonymous>)at xhr (axios.js?v=db7c3fbd:1479:10)at Axios.dispatchRequest (axios.js?v=db7c3fbd:1954:10)at Axios._request (axios.js?v=db7c3fbd:2167:33)at Axios.request (axios.js?v=db7c3fbd:2058:25)at Axios.<computed> [as get] (axios.js?v=db7c3fbd:2186:17)at Axios.request (axios.js?v=db7c3fbd:2062:41)at async fetchPost (PostDetailView.vue:61:22)==============================아래 인프런 AI 답변을 기준으로수정을 했는데, 오류가 해결한 듯 보여집니다 !https://github.com/eunhye8767/study-vue3/commit/2c307584bbd5c0adad55887762ccac04dffc7621
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
This dependency was not found:
ERROR Failed to compile with 2 errors 오후 11:58:26This dependency was not found:* vue in ./node_modules/vue-router/dist/vue-router.esm-bundler.js, ./src/main.jsterminal에 npm run serve를 했는데 이런 에러가 납니다.. 어떻게 해야 할까요..?
-
미해결카카오,구글 SNS 로그인(springboot3, vue3)
강의 내용 문의 입니당
안녕하세요수업 들으면서 동시에 코틀린으로 코딩하다보니 중간중간 놓치는 부분이 있어서 코드 제공이 가능할까요?코드 제공 주신 다는 내용은 들었는데 자료에 안보여서 동영상을 여기저기 반복 재생하니 진도가 느려지네요
-
미해결핵심만 골라 배우는 Vue.js
사람인 글자수 세기 강의에서 관련자료 문의 건
안녕하세요.사람인 글자수 세기 강의를 수강중인데,관련자료가 다운받은 예제 코드의8.computed&watch 폴더 하위의 12번 예제 코드를 확인해달라고 하셨는데12번 폴더가 누락되어 문의드립니다.
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
post/[id]/index.vue에서 layouts/default.vue가 안 나오는 데 어떤 이유일까요?
현재 디폴트 레이아웃이 나오지 않아, 막히고 있습니다ㅠ quasar.config.js 실행시 localhost:9000/ 경로에서는 잘 나오고 있습니다 확인결과 아래 코드를 추가해주어야만 헤더가 잘 뜹니다.. <route lang="yaml"> meta: layout: default </route>
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
질문입니다.
axios 컴포저블 함수 구현 1 강의 내용중에AppError.vue, AppLoading.vue위 2개 파일은 global-compoents.js에 등록하신건가여?강의 영상 중엔 등록하는 모습이 없는데요.강사님 PostListView.vue에는 따로 임포트를 안하고 그냥 바로 사용하시는 거 같은데요.제가 뭔가 빼먹었을까요?전 컴포넌트 태그가 색깔이 그대로 초록색이 아닌 파란색이네요.
-
해결됨Vue3와 Supabase로 구인구직 사이트 만들기
사진과 같이 회색으로 코드가
강의 중에 사진과 같이 회색으루 코드가 미리 보이는건 어떻게 하신건가요 ?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
모달 쪽 닫을때 질문입니다.
모달쪽 닫을때 아래와같이 콘솔창에 뭐가 뜨는데왜 뜨는걸까요? 동작: 아이콘 눌러서 모달 띄운후 닫기나 X버튼 클릭할때 뜹니다.위 같은 aria-관련된거면 부트스트랩에서 띄우는건가여?궁금해서 여쭤봅니다.