173만명의 커뮤니티!! 함께 토론해봐요.
미해결
핵심만 골라 배우는 Vue.js
안녕하세요 제공하시는 소스 내용을 보면 아래 와 같이 폴더 이름이 한글로 되어 있는데 바로 OPEN Files 로 해서 사용해도 되나요? 한글은 지양하는 것으로 알고 잇어서요 파일 rename이나 ... 혹은 대소문자 .. 변경해서 사용을 해야 할까요? 아님 제공 되는 소스를 이용해서 사용해도 되나요? 폴더 path를 어떻게 정의해서 실습을 해야 할까요? (물론 제 맘이지만요... ^^) 슈님은 맥을 사용하셔서 그런지... .. ㅎㅎㅎ 흐음... 어떻게 이쁘게(?) 폴더를 만들어서 연습을 해야 할까요 ^^;; 한글 ... 폴더:
미해결
핵심만 골라 배우는 Vue.js
경로는 맞는데 참 이사하네요 프로젝트 생성시 필요없는 옵션을 선택해서 그런걸까요? 저 경로가 뭐라고.... 알수 가 없다네요 ..ㅡㅡ;; 참말로...
미해결
핵심만 골라 배우는 Vue.js
제목과 같이 VOLAR 에 관련 내용이 없습니다. 이유가 뭔지요?
미해결
핵심만 골라 배우는 Vue.js
제목과 같이 획장프로그램 Matrial Theme가 DepreCated가 되었는데 설치 skip을 해도 되는지 아니면 대체? 버전업? 된 확장프로그램을 설치 해야 하는지요? 대신 할 수 있는 확장프로그램이 있을까요?
해결됨
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
안녕하세요, 짐코딩님 먼저 좋은 강의 만들어주셔서 감사드립니다. 덕분에 Nuxt 3를 이해하는 데 많은 도움이 되고 있습니다. 다름이 아니라, Nuxt 4가 출시되면 해당 내용을 반영한 강의 업데이트나 별도 강의 제작 계획이 있으신지 여쭤봐도 될까요?
미해결
핵심만 골라 배우는 Vue.js
맨앞에 2분 30초가량 오디오가 겹칩니다. 다른 시점? 의 목소리가 같이 들려와서 햇갈렸네요
미해결
핵심만 골라 배우는 Vue.js
213. 상세(디테일) - 정보-2 수업에서 DetailInfo.vue 파일에서 장르 배열안의 name 값 "genres": [ { "id": 16, "name": "Animation" }, { "id": 10751, "name": "Family" }, { "id": 35, "name": "Comedy" }, { "id": 12, "name": "Adventure" }, { "id": 9648, "name": "Mystery" } ], name 값들을 가져올때 배열 전체를 가져오는건 이상이 없으나 <li> {{ props.movieDetail.genres }} </li> 이렇게 for문을 돌려 name 값만 가져오려고 할땐 오류가 발생합니다. <li v-for="(genre, index) in props.movieDetail.genres.map( (v) => v.name )" :key="index" class="features-item" > {{ genre }} </li> 이렇게 코드 작성을 하면 section 태그 자체가 무한 렌더링이 걸리는 오류가 생깁니다 원인이 뭔지 모르겠습니다. 실제 예제 코드에 있는걸 전부 복붙해와도 동일한 결과만 반복됩니다. gpt에 물어봐도 전혀 원인을 모르겠네요..
미해결
핵심만 골라 배우는 Vue.js
안녕하세요~ 22.(해설) 검색어 자동완성에서 아래 파일 누락입니다~ @/components/AutoComplete.vue 수업 자료는 이렇게 폴더로 정리하는게 이상적인 구조인거 같습니다. (begin end) 강사님께서 이렇게 정리 자료 준비 하시기 힘드셨겠지만...
미해결
핵심만 골라 배우는 Vue.js
안녕하세요~ 윈도우10, 11 기본 압축프로그램, 반디집으로 압축풀면 누락파일 생깁니다. 알집 받아서 압축 풀면, 정상적으로 풀립니다. 강사님께서 압축을 맥으로 하셔서 그런지.. 윈도우 유저들은 기본 압축프로그램으로 압축해제시 많은 파일이 누락되는 문제가 발생하고 있습니다. 윈도우 기본 압축프로그램으로도 풀리게 파일 수정이 필요할 듯 합니다.
해결됨
Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
일단, nuxt 를 최신버전 기준으로 설치하였습니다. 디폴트로 실행시키면 localhost:3000 에서 아래처럼 화면이 나오고, app.vue는 아래와 같습니다. (강의와 다르게 app.vue 는 app 폴더 아래에 자동 생성이 되어 있습니다.) 강의처럼 pages 폴더에 index.vue를 만들고 동일하게 수정하였습니다. 그럼 localhost:3000 으로 접근하면 브라우저는 그냥 빈 화면만 나옵니다. 전체 프로젝트 구조는 아래와 같습니다.
해결됨
Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
금일 결제했습니다. 맥(MAC) 환경에서도 강의 모든 내용을 따라하는데 문제가 없을까요?
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
로컬에서 실습 시에, 환경 문제가 계속 발생하여 강사님의 ESLint와 Prettier 설정이 완료된 git source를 받아서 npm run lint를 해도 계속 동일한 오류가 발생하며, nuxt.config.ts의 defineNuxtConfig 도 찾을 수 없다고 합니다. 해결방법이 무엇일까요..? Cannot find name 'defineNuxtConfig'. Did you mean 'defineNitroConfig'? FILE D:/dev/learn-nuxt3_/nuxt.config.ts:2:16 1 | // https://nuxt.com/docs/api/configuration/nuxt-config > 2 | export default defineNuxtConfig({ | ^^^^^^^^^^^^^^^^ 3 | compatibilityDate: '2025-07-15', 4 | devtools: { enabled: true }, 5 | typescript: { Oops! Something went wrong! :( ESLint: 8.57.1 ESLint couldn't find the config "plugin:vue/vue3-recommended" to extend from. Please check that the name of the config is correct.
해결됨
Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
따라서 했는데도 500오류를 뱉으며 안됩니다. currentWeather.name 제대로 했는데도 읽지를 못하는 듯합니다. 이거 설마, 또 버전 이슈인가요?
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
.vscode 디렉토리까지 생성이 돼서 안에 settings.json 파일에 { "eslint.enable": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "editor.tabSize": 2, } 이렇게 내용 들어가 있는데 저장을 해도 탭 사이즈 조절이 안됩니다.. 강의 내용에서처럼 no-console을 주석한 뒤 lint 돌렸을때 warning 경고가 뜨는 걸 봐서는 설정은 잘 먹고 있는거 같긴한데 뭘 봐야할까요
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
Oops! Something went wrong! :( ESLint: 8.57.1 ESLint couldn't find the config "plugin:vue/vue3-recommended" to extend from. Please check that the name of the config is correct. The config "plugin:vue/vue3-recommended" was referenced from the config file in "C:\study\Vue.js\learn-nuxt-3\.eslintrc.cjs". If you still have problems, please stop by https://eslint.org/chat/help to chat with the team. 강사님과 같이 eslint 설정 후에 npm run lint를 실행하면 해당 에러가 발생합니다 여러 방법으로 시도를 해보았는데도 동일하게 계속 에러가 발생해서 어떤 부분이 문제일지 질문 드립니다..
해결됨
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
Quasar UI Framework 설치 에서 4:41초 지점에 강사님처럼 코드 복붙했는데 제목과 같이 이름을 찾을 수 없습니다 라고 에러가 발생합니다. 화면상에는 스타일은 잘 적용 되고 있는데 코드상에서만 에러가 발생해서 이것저것 시도를 해봤는데 뭐가 문제인지 계속 저런 문구가 발생해서요 이런 상황 겪어보신적 있으신가요;;
해결됨
Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
잘 따라서 했는데 제대로 했는데, type오류가 나옵니다. 그건 그렇다 치고 밑에 오류때문에 더이상 진행이 안됩니다. CityView가 작동안하는 이유인데 prop 문제인듯합니다.
해결됨
Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
flex를 사용했는데, 가로 정렬이 되지 않습니다. 배경도 적용이 안되고 있어요. 터미널 로그에 보면 Using default Tailwind CSS file 로그가 없습니다. 이거 무슨 문제인가요 ?
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
npm create nuxt <project-name> 현재는 nuxi 로 프로젝트 생성하는 것이 권장으로 적혀있지 않는 것 같은데 package.json 은 제공해주신것으로 해서 npm i , 실행을 진행했습니다. 공식문서 확인하면서 하라고 하셔서 혹시나해서요! nuxi로 프로젝트 생성은 하지 않아도 되는거죠? { "name": "nuxt-app", "private": true, "type": "module", "scripts": { "build": "nuxi build", "dev": "nuxi dev", "generate": "nuxi generate", "preview": "nuxi preview", "postinstall": "nuxi prepare" }, "devDependencies": { "nuxt": "^3.9.0", "typescript": "^5.3.3", "vue": "^3.4.3", "vue-router": "^4.2.5", "vue-tsc": "^1.8.27" } }
미해결
[최신] 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}" --fix Oops! Something went wrong! :( ESLint: 8.57.1 Error [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) 이런오류가뜹니다!
