묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결핵심만 골라 배우는 Vue.js
sample 파일 참조시...
안녕하세요제공하시는 소스 내용을 보면 아래 와 같이 폴더 이름이 한글로 되어 있는데바로 OPEN Files 로 해서사용해도 되나요?한글은 지양하는 것으로 알고 잇어서요파일 rename이나 ... 혹은 대소문자 ..변경해서 사용을 해야 할까요?아님 제공 되는 소스를 이용해서 사용해도 되나요? 폴더 path를 어떻게 정의해서 실습을 해야 할까요? (물론 제 맘이지만요... ^^) 슈님은 맥을 사용하셔서 그런지... .. ㅎㅎㅎ흐음... 어떻게 이쁘게(?) 폴더를 만들어서 연습을 해야 할까요 ^^;; 한글 ... 폴더:
-
미해결핵심만 골라 배우는 Vue.js
HashRoutes.vue 로 컴포넌트 한것 뿐인데
경로는 맞는데 참 이사하네요 프로젝트 생성시 필요없는 옵션을 선택해서 그런걸까요? 저 경로가 뭐라고.... 알수 가 없다네요 ..ㅡㅡ;; 참말로...
-
미해결핵심만 골라 배우는 Vue.js
volra에 Extansions, VOLAR 에 1나 밖에 없는데?
제목과 같이 VOLAR 에 관련 내용이 없습니다.이유가 뭔지요?
-
미해결핵심만 골라 배우는 Vue.js
Material Theme - Deprecated
제목과 같이 획장프로그램 Matrial Theme가DepreCated가 되었는데설치 skip을 해도 되는지 아니면 대체? 버전업? 된 확장프로그램을 설치 해야 하는지요? 대신 할 수 있는 확장프로그램이 있을까요?
-
해결됨[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
Nuxt 4 관련 강의 업데이트 계획이 있으실까요?
안녕하세요, 짐코딩님먼저 좋은 강의 만들어주셔서 감사드립니다. 덕분에 Nuxt 3를 이해하는 데 많은 도움이 되고 있습니다.다름이 아니라, Nuxt 4가 출시되면 해당 내용을 반영한 강의 업데이트나 별도 강의 제작 계획이 있으신지 여쭤봐도 될까요?
-
미해결핵심만 골라 배우는 Vue.js
221. 검색 - 1 앞부분 오디오 이상합니다.
맨앞에 2분 30초가량 오디오가 겹칩니다.다른 시점? 의 목소리가 같이 들려와서 햇갈렸네요
-
미해결핵심만 골라 배우는 Vue.js
213. 상세(디테일) - 정보-2 질문
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.(해설) 검색어 자동완성 예제코드 파일 누락
안녕하세요~22.(해설) 검색어 자동완성에서아래 파일 누락입니다~@/components/AutoComplete.vue 수업 자료는 이렇게 폴더로 정리하는게이상적인 구조인거 같습니다.(begin end)강사님께서 이렇게 정리 자료 준비 하시기 힘드셨겠지만...
-
미해결핵심만 골라 배우는 Vue.js
누락파일 있으신분들
안녕하세요~ 윈도우10, 11 기본 압축프로그램,반디집으로 압축풀면 누락파일 생깁니다.알집 받아서 압축 풀면, 정상적으로 풀립니다. 강사님께서 압축을 맥으로 하셔서 그런지..윈도우 유저들은 기본 압축프로그램으로압축해제시 많은 파일이 누락되는 문제가 발생하고 있습니다. 윈도우 기본 압축프로그램으로도풀리게 파일 수정이 필요할 듯 합니다.
-
해결됨Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
3강에서 app.vue 를 수정해도 Index Page가 나오지않아요.
일단, nuxt 를 최신버전 기준으로 설치하였습니다. 디폴트로 실행시키면 localhost:3000 에서 아래처럼 화면이 나오고,app.vue는 아래와 같습니다. (강의와 다르게 app.vue 는 app 폴더 아래에 자동 생성이 되어 있습니다.) 강의처럼 pages 폴더에 index.vue를 만들고 동일하게 수정하였습니다. 그럼 localhost:3000 으로 접근하면 브라우저는 그냥 빈 화면만 나옵니다.전체 프로젝트 구조는 아래와 같습니다.
-
해결됨Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
맥(MAC) 환경에서도 강의 모든 내용을 따라하는데 문제가 없을까요?
금일 결제했습니다.맥(MAC) 환경에서도 강의 모든 내용을 따라하는데 문제가 없을까요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
eslint 설정 관련 질문
로컬에서 실습 시에, 환경 문제가 계속 발생하여 강사님의 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 으로 실시간 날씨 앱 제작
30강 진행이 안됩니다.
따라서 했는데도 500오류를 뱉으며 안됩니다.currentWeather.name 제대로 했는데도 읽지를 못하는 듯합니다. 이거 설마, 또 버전 이슈인가요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
vscode 자동 저장 시 탭 사이즈 조절 안되고 있습니다..
.vscode 디렉토리까지 생성이 돼서 안에 settings.json 파일에 { "eslint.enable": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "editor.tabSize": 2, }이렇게 내용 들어가 있는데 저장을 해도 탭 사이즈 조절이 안됩니다.. 강의 내용에서처럼 no-console을 주석한 뒤 lint 돌렸을때 warning 경고가 뜨는 걸 봐서는 설정은 잘 먹고 있는거 같긴한데 뭘 봐야할까요
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
eslint 설정 오류 질문드립니다.
Oops! Something went wrong! :(ESLint: 8.57.1ESLint 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 완벽 마스터
pageContainerStyle 이름을 찾을 수 없습니다 에러
Quasar UI Framework 설치 에서 4:41초 지점에 강사님처럼 코드 복붙했는데 제목과 같이 이름을 찾을 수 없습니다 라고 에러가 발생합니다.화면상에는 스타일은 잘 적용 되고 있는데 코드상에서만 에러가 발생해서 이것저것 시도를 해봤는데 뭐가 문제인지 계속 저런 문구가 발생해서요 이런 상황 겪어보신적 있으신가요;;
-
해결됨Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
27강에서 진행이 안됩니다.
잘 따라서 했는데제대로 했는데, type오류가 나옵니다.그건 그렇다 치고 밑에 오류때문에 더이상 진행이 안됩니다.CityView가 작동안하는 이유인데 prop 문제인듯합니다.
-
해결됨Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작
6강에서 css가 안되서 진행이 안됩니다!!!
flex를 사용했는데, 가로 정렬이 되지 않습니다. 배경도 적용이 안되고 있어요. 터미널 로그에 보면 Using default Tailwind CSS file 로그가 없습니다. 이거 무슨 문제인가요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
npm create nuxt <project-name> 현재는 nuxi 로 프로젝트 생성하는 것이 권장으로 적혀있지 않는 것 같은데
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}" --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)이런오류가뜹니다!