현재 방식에서는 볼의 색상을 표현할떄 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. 캐싱 때문도 있고 라고 이해해도 될까ㅓ요?

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

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

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

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

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

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

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에 물어봐도 전혀 원인을 모르겠네요..

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

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

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

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

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

vue페이지는 인식하는데 탭이 도저히 나오질 않습니다

제가 vue.js 끝장내기 - 실무에 필요한 모든 것과vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 두 강의를 오래 전에 구매했습니다.개인 사정으로 이전에는 학습을 못하다가당장 두 세달 내 프로젝트에 투입이 되어야 하는 상황에 직면하여지금 필요에 의해 학습을 시작 하려고 합니다.헌데 구매한 시점이 오래되다보니이 강의들이 vue3를 사용해야 하는 지금 환경에서 당장 투입이 될 수 있는 도움이 되는지 아니면 버전의 차이로 많은 부분이 달라 새로 업데이트된 강의를 구입하는게 더 적절한지 알고 싶습니다.   

npm run build 실행시 위와 같은 메시지만 뜨고 하단의 app.js 화면같이 뜹니다. 다른분의 응답처럼 이거 경로도 바꿔봤고요. 실행하면 개발자 도구에서 요렇게 되는데요? html 출력과 app.js가 강사님과 다른이유 문의드립니다. 그리고 다른분응답에 github에서 소스 비교해보라고 남기신 글도 있던데 주소도 궁금합니다. 감사합니다. 

fonts.css의 폰트 url 링크가 변경된거 같습니다.최신화 업데이트 요청드립니다.

안녕하세요~22.(해설) 검색어 자동완성에서아래 파일 누락입니다~@/components/AutoComplete.vue 수업 자료는 이렇게 폴더로 정리하는게이상적인 구조인거 같습니다.(begin end)강사님께서 이렇게 정리 자료 준비 하시기 힘드셨겠지만...

안녕하세요~ 윈도우10, 11 기본 압축프로그램,반디집으로 압축풀면 누락파일 생깁니다.알집 받아서 압축 풀면, 정상적으로 풀립니다. 강사님께서 압축을 맥으로 하셔서 그런지..윈도우 유저들은 기본 압축프로그램으로압축해제시 많은 파일이 누락되는 문제가 발생하고 있습니다. 윈도우 기본 압축프로그램으로도풀리게 파일 수정이 필요할 듯 합니다.

필터처리할때 인풋박스에 입력할때마다 watchEffect로 감지해서 db.json에 있는 데이터를 찾는데.. 실제 백엔드와 연동시 입력할때마다 db 조회를 하면 db부하가 생길거 같은데 실무에서는 어떤식으로 처리하나요 ?