inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

개발자 툴에서 Vue가 표시되지 않는 현상.

미해결

Vue.js 시작하기 - Age of Vue.js

안녕하세요. 강의를 듣다가 이하처럼 vue개발자 툴을 표시하고 싶은데 잘 안되어서 문의를 드리게 되었습니다. 이하 시도해 본 것. 1.구글 최신버젼 확인 2.구글 확장기능창에서 개발자모드 활성화 Google Chrome확장기능에 vue.js devtools추가(버젼7.7.7) 4.파일URL에 접근을 허가 활성화 5. Vue.js3사용인지 Vue.js2사용중인지 Copilot에게 확인해본결과 index.html의 script부분을 바꿔야 한다는 내용이 나옴. 6. Vue버젼 확인해봤으나 버젼 확인 안됨. 현재까지 강의에서는 아직 터미널 상에서 Vue를 설치하라는 내용이 없었으나 설치를 시도해보는게 좋을까요? 7.node.js다운로드 확인 - 다운로드 완료되어 있음. 그 외에도 시도해보면 좋은게 있으면 알려주시면 감사드립니다.

  • javascript
  • vue.js
김 정훈 댓글 2 좋아요 0 조회수 174

소스 공유 어디서 해야하는지 궁금합니다

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

강습 내용 소스를 공유해주신다고 했는데 어디에서 소스를 공유받아야 하는지 모르겠습니다 ㅠㅠ

  • vue.js
logipick 댓글 2 좋아요 0 조회수 100

component 등록과 사용

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

4분 53초쯤 app.component('BookComponent', BookComponent) 라고 등록을 하신건데 사용할 때는 왜 book-component 로 선언하시는건지 이해가 되지 않습니다.

  • vue.js
logipick 댓글 2 좋아요 0 조회수 83

chrome 확장 devtools 버전 문제

미해결

Vue.js 시작하기 - Age of Vue.js

안녕하세요? 이번에 강좌를 신청했는데 크롬 최신 버전을 깔았더니 view dev tools 에서 이렇게 메시지가 뜨고 콘솔 탭에 뜨지를 않네요...이건 어떻게 처리해야 될까요?

  • javascript
  • vue.js
  • devtools
diaman75 댓글 1 좋아요 0 조회수 151

파일 생성 방법이 다른건가요?

미해결

Vue 3 시작하기

안녕하세요 회사에서 vue를 사용해 퍼블을 해야돼서 인강을 구매했는데, 제가 생성한 파일이랑 형식이 달라서 어떻게 따라가야 할 지 문의드립니다. 제가 알고 있는 화면 구성은 아래 사진인데 Vue.create 이런건 어떻게 바꿔야 하는지 모르겠습니다ㅜ <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>vue-project</title> </head> <body> <div id="app"></div> <script type="module" src="/src/main.js"></script> </body> </html>

  • javascript
  • vue.js
  • vue-3
희나 댓글 1 좋아요 0 조회수 79

강의교안

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

https://www.gymcoding.co/에 강의 교안 메뉴가 사라졌어요~ 어디서 강의교안 볼수 있나요?

  • vue.js
서동철 댓글 2 좋아요 0 조회수 87

Nuxt 4 관련 강의 업데이트 계획이 있으실까요?

해결됨

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

안녕하세요, 짐코딩님 먼저 좋은 강의 만들어주셔서 감사드립니다. 덕분에 Nuxt 3를 이해하는 데 많은 도움이 되고 있습니다. 다름이 아니라, Nuxt 4가 출시되면 해당 내용을 반영한 강의 업데이트나 별도 강의 제작 계획이 있으신지 여쭤봐도 될까요?

  • vue.js
  • nuxt.js
  • pinia
  • vue-3
GR 댓글 2 좋아요 0 조회수 115

Lottball.vue에서 궁금한점이 있어 질문드립니다.

미해결

웹 게임을 만들며 배우는 Vue

현재 방식에서는 볼의 색상을 표현할떄 computed:{ backGround(){ let background; if(this.number <=10){ background ='red'; } else if(this.number <=20){ background='orange'; } else if(this.number<=30){ background='yellow'; } else if(this.number <=40){ background ='blue'; } else{ background='green'; } return {background,}; } }, 이런식으로 computed에 넣으신뒤 바뀌는구조로 갔는데 mounted(){ if(this.number <=10){ this.color ='red'; } else if(this.number <=20){ this.color='orange'; } else if(this.number<=30){ this.color='yellow'; } else if(this.number <=40){ this.color ='blue'; } else{ this.color='green'; } }, 이런식으로 mounter()로해서 하게되는것과의 차이가 (현재 컴포넌트에서는 동일하게동작) 실제 자식컴포넌트가 삭제가 안되고 재사용을 하게되는경우엔 computed로 사용하게된다면 실시간으로 반응성이되지만 mouted로 하게되면 자식컴포넌트가 삭제가된것이 아니기때문에 반응을 안하기때문에 computed로 사용한것이다 2. 캐싱 때문도 있고 라고 이해해도 될까ㅓ요?

  • vue.js
  • 웹팩
  • vuex
잘열심히 댓글 0 좋아요 0 조회수 70

라우터 인스톨 후 실행안됨

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

라우터를 말씀하신대로 npm install vue-router 를 설치하고 나서 npm run dev 실행은 되는데 이렇게 나오고 실행이안됩니다.

  • vue.js
gmdwns6297 댓글 2 좋아요 1 조회수 84

개발 환경부터 만들고 싶은데 강의에 생략된건가요?

미해결

Vue 3 시작하기

안녕하세요 강사님, 정성을 담아서 만들어주신 깃 레포지토리를 클론하는 방법도 있지만, npm install 부터 시작하여 개발 환경을 구성하고싶은데, 제작해주신 강의에는 해당 부분이 없어 이렇게 문의드립니다. 아무리 이전 내용을 훑어보아도 그러한 환경을 구성하는 방식은 없고 바로 브라우저부터 띄는 것을 보아 당황스러웠습니다..

  • javascript
  • vue.js
  • vue-3
임스헝 댓글 1 좋아요 0 조회수 81

Vue.js not detected가 자꾸 뜹니다

미해결

Vue.js 시작하기 - Age of Vue.js

브라우저 캐시 삭제 후 다시 시도해 보세요. Vue.js 개발자 도구를 삭제한 후 재설치해 보세요. Vue.js 개발자 도구 사용에 문제가 있다면, Vue.js 공식 홈페이지에서 제공하는 Vue.js Devtools를 다운로드해서 사용해 보세요. 타 익스플로러에도 확장 프로그램을 설치해 보세요. 위 사항들 다 하고 node.js하고 크롬도 재설치까지 해봤는데 Vue.js not detected가 뜨고 개발자 도구에 뷰 항목이 안 나옵니다. 도와주세요...

  • javascript
  • vue.js
wjdwoals042 댓글 2 좋아요 0 조회수 156

타입스크립트

미해결

Vue 3 시작하기

vue3 하기전 타입스크립트 먼저 공부하는걸로 알고있는데 로드맵 순서보니까 vue먼저하고 그다음에 타입스크립트 순서더라고요. 로드맵 순으로하면 이해하는데 지장이없는지궁금합니다

  • javascript
  • vue.js
  • vue-3
제임스고슬링제자 댓글 1 좋아요 0 조회수 69

코드 자동 포매팅 질문

해결됨

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

안녕하세요 강사님 https://gymcoding.notion.site/ESLint-Prettier-0a2d35bab9254c26b4257e53bba218f7 교안 보고 설정 따라 했는데 Ctrl + S 하면 위처럼 줄바꿈되고 빨간줄이 뜨고 다시 한줄로 만들면 빨간줄은 사라지지만 Ctrl + S 하면 다시 첫번째 코드와 같은 상태가 됩니다. printWidth를 늘려야하나? 해서 값을 바꿔봤는데 그대로네요ㅠ 혹시 어떤 부분을 설정해야 자동 포매팅 됐을 때, 한줄로 만들거나 <RouterLink class="nav-link" active-class="active" to="/posts"> 게시글 </RouterLink> 이런 형식을 유지할 수 있을까요?

  • vue.js
ycllyo 댓글 2 좋아요 0 조회수 105

221. 검색 - 1 앞부분 오디오 이상합니다.

미해결

핵심만 골라 배우는 Vue.js

맨앞에 2분 30초가량 오디오가 겹칩니다. 다른 시점? 의 목소리가 같이 들려와서 햇갈렸네요

  • vue.js
  • pinia
  • vue-3
BABA 댓글 1 좋아요 0 조회수 65

213. 상세(디테일) - 정보-2 질문

미해결

핵심만 골라 배우는 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
  • pinia
  • vue-3
댓글 2 좋아요 0 조회수 90

node 10버전 사용

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

안녕하세요. 윈도우 환경에서 강의를 듣고 있습니다. 윈도우에서 nvm을 사용할 경우 nvm-setup.exe(최신 1.2.2v)를 사용해야 한다기에 다운로드를 받고 node 10버전을 설치하려고 하니 다음과 같은 오류가 발생합니다.. node 10을 직접 다운로드 하는 방법 밖에는 없을까요..??

  • javascript
  • vue.js
  • vuex
룰루랄라 댓글 1 좋아요 0 조회수 136

깃 권한 요청 드립니다

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

인프런 아이디 : @sbn041778144 인프런 이메일 : sbn04177@naver.com 깃헙 아이디 : sbn04177@naver.com 깃헙 아이디 : EunJaemm

  • javascript
  • vue.js
sbn04177 댓글 1 좋아요 0 조회수 79

깃허브 주소

미해결

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

깃허브 주소는 따로 없나요?

  • vue.js
정다운 댓글 1 좋아요 0 조회수 73

마지막 강의가 안되요

미해결

Vue.js 시작하기 - Age of Vue.js

마지막 강의가 안되서 99%..수료가 안되요. 어떻게 이런일이?

  • javascript
  • vue.js
Richard Lee 댓글 1 좋아요 0 조회수 86

data, computed, watch > Reactivity

미해결

Vue.js 시작하기 - Age of Vue.js

안녕하세요. 수강 중 궁금한점이 있어 글 남기게 되었습니다. vue 인스턴스의 data, computed, watch 속성으로 인하여 속성 값이 변경되면 vue의 Reactivity 시스템에 의해 화면이 업데이트 된다라고 이해했는데 맞을까요~? React의 useState, useReducer를 통해 상태를 관리하고 화면이 업데이트되는 것과 동일한지도 궁금합니다~

  • javascript
  • vue.js
kmh880507 댓글 1 좋아요 0 조회수 71

인기 태그

인프런 TOP Writers

주간 인기글