월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한요청드려요
인프런 아이디 : rlatjswjd1@gmail.com인프런 이메일 : rlatjswjd1@gmail.com깃헙 아이디 : qscy@naver.com깃헙 Username : kimsunjung
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
404 not found
https://github.com/joshua1988/vue-advanced.git 404 not found 나옵니다. 예전에 됐었는데...주소가 바뀌었나요? 아니면, 승인이 해제된건지요? 인프런 아이디 : jnj45 인프런 이메일 : jnj45@hanmail.net 깃헙 아이디 : jnj45@hanmail.net 깃헙 Username : jnj45
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 요청드립니다.
인프런 아이디 : kjsgoodman@naver.com인프런 이메일 : kjsgoodman@naver.com깃헙 아이디 : kjsgoodman@gmail.com깃헙 Username : kimjunseok0906
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 요청 드립니다.
- 인프런 아이디: akffkeh@naver.com - 인프런 이메일: akffkeh@naver.com - 깃헙 아이디: htpy123@naver.com - 깃헙 Username: htpy123
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
오류 질문
강사님 강의 버전이 vue @3 버전 대가 맞나요?? 강의를 진행하는데 있어서 export 'default' (imported as 'VueRouter') was not found in 'vue-router' 이런식으로 오류가 납니다 ;; 아래 사진은 현재 제 버전들이고 router는 강의와같이 3.5@ 를 사용하다 안되어서 4@ 로 버전업글을 한상태임에도 오류가 동일하게 나오네요;; 공부하는 입장에서 강의를 몇개 안넘기고 오류 해결을 위해 2~3시간씩 머리를 싸매는데 너무 힘드네요ㅜㅜ 버전 "vue": "^3.2.13", "vue-router": "^4.0.14" //index.js import Vue from "vue"; import VueRouter from "vue-router"; import NewsView from "../views/NewsView.vue" import JobsView from "../views/JobsView.vue" import AskView from "../views/AskView.vue" Vue.use(VueRouter); export const router = new VueRouter({ routes:[ { // url 주소 path:'/news', //url주소로 갔을때 표시될 컴포넌트 component:NewsView, }, { path:'/ask', component:AskView, }, { path:'/jobs', component:JobsView, } ] });
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃헙 권한 요청드립니다!
- 인프런 아이디: kbpark9898@gmail.com - 인프런 이메일: kbpark9898@gmail.com - 깃헙 아이디: kbpark9898@gmail.com - 깃헙 Username: kbpark9898
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vue cli? vue?
안녕하세요. 설치관련해서 궁금한게 있어서 질문드려요. vue cli는 아래의 명령어를 이용해서 3.0버전을 설치하잔아요.. vue create vue-cli3 근데, 이 다음에 옵션을 선택할때는 왜 Vue 2를 선택하는 것인가요? Vue Cli랑 위의 Vue 2?3?은 관련이 없는 것인가요? 답변부탁드리겠습니다. 감사합니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Call back함수와 Promise에 대한 비교
앞시간에 비동기 처리때문에 call back 함수를 띄우듯이 Promise도 똑같이 console을 띄우는 예제가 없어서 직접사용했는데 이렇게 쓰는게 맞을까 싶어서요 Promise를 새로 생성해서 했으니 call back이랑은 다른 접근이 되는게 맞나싶어서 여쭤봅니다. 아래는 순서대로 제가 작성한 call back 사용한 예제와Promise를 사용한 예제입니다. <body> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <!-- 제이쿼리 CDN --> <script> (function fetchData(){ var result = []; function getconsole(){ console.log('데이터 호출결과 뒤에 나올 함수'); } $.ajax({ url:'https://api.hnpwa.com/v0/news/1.json', success(data){ console.log('데이터 호출결과:',data); result = data; getconsole(); } }); })(); </script> </body> <body> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <!-- 제이쿼리 CDN --> <script> function callAjax(){ return new Promise((resolve,reject)=>{ $.ajax({ url: 'https://api.hnpwa.com/v0/news/1.json', success(data){ resolve(data); } }); }); } function getconsole(){ return new Promise((resolve,reject)=>{ resolve(console.log('데이터 호출결과 뒤에 나올 함수')); }); } (function fetchData(){ var result = []; callAjax() .then((data)=>{ console.log('데이터 호출결과:',data); result = data; }) .then(getconsole) .catch(error=>console.log); })(); </script> </body>
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
value 값의 의미
안녕하세요! 실습하다 궁금하게 생겨 질문 남깁니다.제가 생각하기로는 checked 가 true인 경우 체크 상태가 되는 것으로 생각했는데요.checked가 어떤 값이라도 맨 처음 렌더링 되는 경우 체크 상태가 되지 않고 체크 때마다 boolean 값이 반대가 되는 것을 확인했는데요. (즉, value가 false여도 체크 됨.) <template> <check-box v-model="checked"></check-box> </template> <script> import CheckBox from "./components/CheckBox.vue"; export default { components: { CheckBox, }, data() { return { checked: true, }; }, }; </script> <template> <div> <input type="checkbox" :value="value" @click="toggleCheckBox" /> </div> </template> <script> export default { // @input 이벤트 // :value 값 props: ["value"], methods: { toggleCheckBox() { this.$emit("input", !this.value); }, }, }; </script> 왜 이런건가요? 결국 value 값 상관없이 값이 변화되면 반대 상태가 되는 건가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Vuex Store getters 사용법 관련
장기효님 안녕하세요.수강 중 Vuex Store getters 관련하여 궁금한 점이 생겨 문의 드립니다. 강의에서 getters 를 아래와 같이 사용하셨는데요 export const store = new Vuex.Store({ state: { news: [], jobs: [], asks: [], userInfo: {}, itemInfo: [], }, getters: { fetchedAsk(state) { return state.ask; }, fetchedItem(state) { return state.item; }, }, mutations, actions, }); state의 값을 그대로 가져오는 경우에도 getters를 사용하는 게 좋은 건가요? 아래와 같이 computed 통해서 접근하는 것보다 getters로 사용하는 하는 것이 좋은 방향인지 궁금하여 문의 드립니다. computed: { userInfo() { return this.$store.state.userInfo; } } 감사합니다 !
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
라우터 네비게이션 적용 시 깜빡거림 현상에 대한 대처법이 있을까요?
질문이 있습니다. 라우터 네비게이션 적용시 깜빡거리는 현상이 발생합니다. 강의 화면에도 잘 보시면 두번 깜빡거립니다. 클릭하는 순간 이미 데이터가 나오고 잠깐 사라졌다가 다시 나옵니다. 강사님이 강의하시는 영상에도 그렇게 나옵니다. 오히려 라우터네비게이션이 없을 때는 스피너와 함께 정상처럼 나오는데 이 문제는 transition 때문에 그런 것 같긴 하네요. transition 2s 로 늘려놓고 하면 정확히 더 그렇게 깜빡임이 확실히 구현되네요. 1. 데이터가 출력됐다가 2. 스피너가 종료되고 3. 다시 그 이후에 트랜지션이 동작되어 사라졌다가 4. 다시 데이터가 출력되어 위의 과정을 연속적으로 보면 데이터가 두번 출력되는 것처럼 깜빡입니다. network에 slow 3g로 안하더라도.. 그렇다면 이건 transition을 사용하지 않고 빼야하나요? 아님 다른 방법이 있을까요? 강의 영상 돌려보시면 "[실습] 라우터 네비게이션 가드 실습 및 스피너 종료 시점 변경" 영상 보시면 클릭하는 순간 데이터가 나왔다가 아주 찰나에 하얗게 되었다가 다시 나옵니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
질문있습니다!
main.js에 직접 import Chart from 'chart.js'하지 않고 플러그인을 따로 만드는 이유는 무엇인가요? 모든 컴포넌트에서 사용하고 싶은 기능을 정의한게 plugin이라고 알고 있습니다. 그렇다면 plugins 폴더를 따로 만들지 않고 main.js에 import Chart from 'chart.js'해서 사용해도 되는거 아닌가요??
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃헙 권한 요청드립니다.
- 인프런 아이디: RaP0d - 인프런 이메일: changsh9155@kakao.com - 깃헙 아이디: changsh9155@kakao.com - 깃헙 Username: Rap0d 감사합니다.
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github 권한요청드립니다.
github 권한 요청드립니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 신청 요청합니다.
인프런 아이디: shjoo526@diquest.com 인프런 이메일: shjoo526@diquest.com 깃헙 아이디 : popman526 깃헙 Username : 주상호
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Uncaught Error: [vue-router] route config "component" for path: /news cannot be a string id. Use an actual component instead.
Uncaught Error: [vue-router] route config "component" for path: /news cannot be a string id. Use an actual component instead. 이러한 애러가 뜨는데 구글 검색해도 못찾았습니다 ㅜㅜ 해결 방법이 있을까요 ㅜㅜ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 요청 드립니다.
안녕하세요. 깃 권한 요청 드립니다. - 인프런 아이디: kygbit@gmail.com - 인프런 이메일: kygbit@gmail.com - 깃허브 아이디: abcd9701@naver.com -깃허브 유저네임: abcd9701
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
.eslinttrc.js의 extends
안녕하세요. 캡틴판교님 남겨주신 답변을 참고해서 타입스크립트의 ESlint설정을 따라해보았지만 오류가 자꾸 잡혀서 npm install eslint --save-dev eslint --init √ How would you like to use ESLint? · style √ What type of modules does your project use? · esm √ Which framework does your project use? · vue √ Does your project use TypeScript? · Yes √ Where does your code run? · browser √ How would you like to define a style for your project? · guide √ Which style guide do you want to follow? · airbnb √ What format do you want your config file to be in? · JavaScript Checking peerDependencies of eslint-config-airbnb-base@latest The config that you've selected requires the following dependencies: eslint-plugin-vue@latest eslint-config-airbnb-base@latest eslint@^7.32.0 || ^8.2.0 eslint-plugin-import@^2.25.2 √ Would you like to install them now with npm? · Yes다음과정을 거쳐서 eslint를 설치하고 판교님의 깃헙을 참고해서.eslintrc.js의 extends에 'plugin:@typescript-eslint/eslint-recommended' 속성을 추가해서 해결했는데 이 플러그인이 무슨의미인지 알고 싶네요. .eslintrc파일 코드 첨부하겠습니다 module.exports = { env: { browser: true, es2021: true, }, extends: [ 'plugin:@typescript-eslint/eslint-recommended', // 추가 'plugin:vue/essential', 'airbnb-base', ], parserOptions: { ecmaVersion: 'latest', sourceType: 'module', }, plugins: ['vue'], rules: { 'linebreak-style': 0, }, };
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
template 사용 차이
안녕하세요! 요즘 강사님 덕분에 vue.js를 학습할 수 있어 취직한 곳에서 큰 힘이 됩니다! 다름이 아니라 template, v-if 사용 부분에서의 차이를 여쭙고 싶습니다. v-if 디렉티브의 경우 모든 태그에서 사용가능하나 이번의 경우 굳이 template를 사용한 이유가 있으실까요? 더불어 v-if 디렉티브의 경우 모든 태그에서 사용가능하며, 여러 태그에 동일한 조건을 부여하기 위해서는 template를 사용하여 다수의 태그를 묶어 공통 조건을 적용할 수 있다고 이해하면 될까요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브에도 올렸는데, 왜 승인이 안됐나요? 깃 요청 부탁드려요
인프런 아이디 : goldrootstock인프런 이메일 : goldrootstock@gmail.com깃헙 아이디 : goldrootstock@gmail.com깃헙 Username : goldrootstock