월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Parsing error 오류 질문드립니다..!!
안녕하세요 첨부해드린 사진과 같이 문제가 없어보이는데 계속 parsing error 오류가 발생합니다...ㅜㅜ 어떻게 해야할까요,,
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github 권한 요청
인프런 아이디: @jkmin인프런 이메일: jkmin@diquest.com깃헙 아이디: jkmin@diquest.com깃헙 Username: jkmin-diquest
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github 권한 요청
인프런 아이디 : dvt1-edu@xeogen.com 인프런 이메일 : dvt1-edu@xeogen.com 깃헙 아이디 : taurin.dev@gmail.com 깃헙 Username : taurin
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
callback 의 this
callback 함수에서는 this 가 combinedVueInstance를 가리키지 않는 이유가 뭘까요? 호기심에 console.log(this)를 callback 안에서 사용해보았을 때는 undefined가 출력되네요. 그리고 왜 callback 함수 안에서 일반 함수 표현식을 사용했을 때는 안 되고 arrow function을 사용했을 때는 this가 정상적으로 combinedVueInstance를 가리키는 건가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
캡틴판교님 실무에있어 원초적인 질문하나 드려봅니다
안녕하세요 캡틴판교님 거의 전과목 수강중인 학도입니다 다름이아니라 원초적인 질문하나 드려도 될까해서요 저는 원래 퍼블리셔이자 기획 업무를 하던 사람인데 배우면서 드는생각이 확실히 프론트와 백엔드를 전반적으로 다루던 자바 & 스프링 백엔드 개발자의 역할까지 프론트엔드가 어느정도 역할 분담하게되는것같은데요 그럼 퍼블&백엔드 구조가아닌 프엔&벡엔드구조의 실무에서는 백엔드 역할이 db관리와 api생성, 쿼리 짜는정도만 하게되는건가요? 스프링으로 인클루드하고 ajax로 데이터도뿌리고 했던 백엔드 역할이 많이 줄어든것같아서요 가령 회원가입이나 로그인 crud도 프론트단에서 다 해야하는건지 그 범위가 조금 궁금합니다 만약 그렇다면 디자이너와 퍼블이 없는 상대적으로 소규모 회사에서는 웹디자인과 vue 마크업 그리고 프론트 개발까지 프론트엔드가 다 해야하는것같은데 맞을까요..?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
GitHub 권한요청드립니다.
인프런 아이디 : krief19@gmail.com 인프런 이메일 : krief19@gmail.com 깃헙 아이디 : krief19@gmail.com 깃헙 Username : DevBeomBeom
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃헙 권한 요청드립니다
인프런 아이디 : plgrimvue4 인프런 이메일 : plgrimvue4@gmail.com깃헙 아이디 : iij0573 깃헙 Username : iij0573
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃헙 접근승인 부탁드립니다.
인프런 아이디 : koallarry11 인프런 이메일 : koallarry11@kaist.ac.kr깃헙 아이디 : abepje@naver.com깃헙 Username : zhoarassiclarry
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
npm i vue-router@버전 이걸로 설치 안되시는분들 계시면
yarn add vue-router 로 설치해보세요 혹시나 해서 글 남겨요
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
base directory 설정 질문입니다
저는 깃헙 레포가 기효님처럼 vue-advanced/vue-news 가 아니라 vue-news 에서 바로 시작하게 되어있는데 이런 경우에는 base directory 를 설정하지 않아도 될까요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'dispatch')
vue 3.2, vuex 4.0 버전을 사용하고 있습니다. 해당 오류가 계속 나는데 해결을 못하고 있습니다. // NewsView.vue <template> <div class="inner"> <h1>News</h1> <ul> <li v-for="user in users" v-bind:key="user">{{ user }}</li> </ul> </div> </template> <script> export default { name: 'NewsView', data() { return { users: [] } }, created() { this.$store.dispatch('FETCH_NEWS'); } } </script> //store/index.js import { createStore } from 'vuex' import { fetchNewsList } from '@/api/index.js'; //Create a new store instance. export const store = createStore({ state() { return { news: [] } }, actions: { FETCH_NEWS() { fetchNewsList() .then( response => console.log(response) ) .catch( error => console.log(error) ) } } })
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
netlify 관련 문의 입니다
안녕하세요 vue.js를 회사에서 사용하게 되면서 좀더 깊이 있게 공부하고 싶어서 해당강의를 재미있게 학습하고 있습니다 강의 내용을 보면서 배우다가 배포하는 과정에서 문의가 있습니다 10:52:06 PM: Build ready to start 10:52:08 PM: build-image version: 122b31996ccaffd45d820a452d6227f8312110cc (focal) 10:52:08 PM: build-image tag: v4.5.3 10:52:08 PM: buildbot version: 4b36e839b4a8a6b4da7438120b4832cce296b644 10:52:08 PM: Building without cache 10:52:08 PM: Starting to prepare the repo for build 10:52:09 PM: No cached dependencies found. Cloning fresh repo 10:52:09 PM: git clone https://github.com/starziahope/vue-advanced 10:52:09 PM: Preparing Git Reference refs/heads/master 10:52:09 PM: Parsing package.json dependencies 10:52:10 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'vue-news/dist' versus 'dist' in the Netlify UI 10:52:11 PM: Starting build script 10:52:11 PM: Installing dependencies 10:52:11 PM: Python version set to 2.7 10:52:12 PM: Downloading and installing node v16.14.0... 10:52:12 PM: Downloading https://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.xz... 10:52:12 PM: Computing checksum with sha256sum 10:52:12 PM: Checksums matched! 10:52:16 PM: Now using node v16.14.0 (npm v8.3.1) 10:52:16 PM: Started restoring cached build plugins 10:52:16 PM: Finished restoring cached build plugins 10:52:16 PM: Attempting ruby version 2.7.2, read from environment 10:52:18 PM: Using ruby version 2.7.2 10:52:18 PM: Using PHP version 8.0 10:52:18 PM: Started restoring cached node modules 10:52:18 PM: Finished restoring cached node modules 10:52:19 PM: Installing NPM modules using NPM version 8.3.1 10:52:32 PM: npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated 10:52:32 PM: npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated 10:52:33 PM: npm WARN deprecated topo@3.0.0: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial). 10:52:34 PM: npm WARN deprecated set-value@2.0.0: Critical bug fixed in v3.0.1, please upgrade to the latest version. 10:52:35 PM: npm WARN deprecated request-promise-native@1.0.5: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 10:52:36 PM: npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead. 10:52:36 PM: npm WARN deprecated source-map-url@0.4.0: See https://github.com/lydell/source-map-url#deprecated 10:52:36 PM: npm WARN deprecated source-map-resolve@0.5.2: See https://github.com/lydell/source-map-resolve#deprecated 10:52:37 PM: npm WARN deprecated uuid@3.3.2: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. 10:52:37 PM: npm WARN deprecated mixin-deep@1.3.1: Critical bug fixed in v2.0.1, please upgrade to the latest version. 10:52:37 PM: npm WARN deprecated request@2.88.0: request has been deprecated, see https://github.com/request/request/issues/3142 10:52:39 PM: npm WARN deprecated hoek@5.0.4: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial). 10:52:39 PM: npm WARN deprecated json3@3.3.2: Please use the native JSON object instead of JSON 3 10:52:39 PM: npm WARN deprecated har-validator@5.1.0: this library is no longer supported 10:52:39 PM: npm WARN deprecated mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.) 10:52:39 PM: npm WARN deprecated flatten@1.0.2: flatten is deprecated in favor of utility frameworks such as lodash. 10:52:40 PM: npm WARN deprecated eslint-loader@2.1.0: This loader has been deprecated. Please use eslint-webpack-plugin 10:52:40 PM: npm WARN deprecated domelementtype@1.3.0: update to domelementtype@1.3.1 10:52:41 PM: npm WARN deprecated html-webpack-plugin@3.2.0: 3.x is no longer supported 10:52:41 PM: npm WARN deprecated circular-json@0.3.3: CircularJSON is in maintenance only, flatted is its successor. 10:52:43 PM: npm WARN deprecated debug@3.2.5: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797) 10:52:43 PM: npm WARN deprecated chokidar@2.0.4: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies 10:52:43 PM: npm WARN deprecated babel-eslint@8.2.6: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. 10:52:45 PM: npm WARN deprecated set-value@0.4.3: Critical bug fixed in v3.0.1, please upgrade to the latest version. 10:52:45 PM: npm WARN deprecated joi@13.6.0: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial). 10:52:47 PM: npm WARN deprecated svgo@1.0.5: This SVGO version is no longer supported. Upgrade to v2.x.x. 10:52:47 PM: npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features! 10:52:47 PM: npm WARN deprecated buffer@4.9.1: This version of 'buffer' is out-of-date. You must update to v4.9.2 or newer 10:52:47 PM: npm WARN deprecated axios@0.18.0: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410 10:52:48 PM: npm WARN deprecated uglify-es@3.3.9: support for ECMAScript is superseded by `uglify-js` as of v3.13.0 10:52:50 PM: npm WARN deprecated core-js@2.5.7: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js. 10:52:57 PM: added 1357 packages, and audited 1358 packages in 37s 10:52:57 PM: 157 vulnerabilities (49 low, 72 moderate, 31 high, 5 critical) 10:52:57 PM: To address issues that do not require attention, run: 10:52:57 PM: npm audit fix 10:52:57 PM: To address all issues (including breaking changes), run: 10:52:57 PM: npm audit fix --force 10:52:57 PM: Run `npm audit` for details. 10:52:57 PM: NPM modules installed 10:52:58 PM: Started restoring cached go cache 10:52:58 PM: Finished restoring cached go cache 10:52:58 PM: go version go1.16.5 linux/amd64 10:52:58 PM: go version go1.16.5 linux/amd64 10:52:58 PM: Installing missing commands 10:52:58 PM: Verify run directory 10:53:00 PM: 10:53:00 PM: ──────────────────────────────────────────────────────────────── 10:53:00 PM: Netlify Build 10:53:00 PM: ──────────────────────────────────────────────────────────────── 10:53:00 PM: 10:53:00 PM: ❯ Version 10:53:00 PM: @netlify/build 26.3.5 10:53:00 PM: 10:53:00 PM: ❯ Flags 10:53:00 PM: baseRelDir: true 10:53:00 PM: buildId: 62178d86350ae5dd3862c017 10:53:00 PM: deployId: 62178d86350ae5dd3862c019 10:53:00 PM: 10:53:00 PM: ❯ Current directory 10:53:00 PM: /opt/build/repo/vue-news 10:53:00 PM: 10:53:00 PM: ❯ Config file 10:53:00 PM: No config file was defined: using default values. 10:53:00 PM: 10:53:00 PM: ❯ Context 10:53:00 PM: production 10:53:00 PM: 10:53:00 PM: ──────────────────────────────────────────────────────────────── 10:53:00 PM: 1. Build command from Netlify app 10:53:00 PM: ──────────────────────────────────────────────────────────────── 10:53:00 PM: 10:53:00 PM: $ npm run build 10:53:00 PM: > vue-news@0.1.0 build 10:53:00 PM: > vue-cli-service build 10:53:02 PM: Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` 10:53:14 PM: Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` 10:53:14 PM: Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` 10:53:15 PM: Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` 10:53:15 PM: DONE Compiled successfully in 11590ms1:53:15 PM 10:53:15 PM: File Size Gzipped 10:53:15 PM: dist/js/chunk-vendors.04ab93e8.js 126.98 kb 44.01 kb 10:53:15 PM: dist/js/app.6f25971c.js 5.25 kb 1.95 kb 10:53:15 PM: dist/css/app.71f56251.css 0.56 kb 0.29 kb 10:53:15 PM: Images and other types of assets omitted. 10:53:15 PM: DONE Build complete. The dist directory is ready to be deployed. 10:53:15 PM: INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html 이 상황에서 멈춰있는데 여기서 다음으로 넘어가지지가 않습니다 관련 내용이 궁금해서 문의 남깁니다 강의에서 나온것처럼 master 브런치에는 vue-news가 없어서 강사님의 3_api 브런치를 받아서 사용하였습니다
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
"export 'default' (imported as 'Vue') was not found in 'vue'
안녕하세요터미널에서 npm run serve 실행 시, 다음과 같은 에러가 발생해서 질문드립니다. 찾아보니 뷰 버전이 안맞는다고 하네요 ㅠㅠ 어떻게해야할까요? 몇가지 자료 추가 첨부해서 글씁니다 ㅠㅠ 답변부탁드리겠습니다 ㅠㅠ https://stackoverflow.com/questions/63768491/export-default-imported-as-vue-was-not-found-in-vue 2. vue 버전 3. package.json { "name": "vue-news", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3.6.5", "vue": "^2.6.11", "vue-router": "^4.0.12" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.15", "@vue/cli-plugin-eslint": "~4.5.15", "@vue/cli-service": "~4.5.15", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^6.2.2", "vue-template-compiler": "^2.6.11" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "parserOptions": { "parser": "babel-eslint" }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] }
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
레포지토리 not found
강의노트에 있는 리포지토리 주소 클릭하면 not found 나오는데요? (https://github.com/joshua1988/vue-advanced) 권한은 예전에 신청하고 받았습니다. (jnj45@hanmail.net)
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
질문있습니다~
하이 오더 컴포넌트는 템플릿(html)코드 재사용은 안되는 건가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
props로 데이터받을 때 질문입니다
props: { info: { type: Object, default: () => ({}), }, // info: Object // info: {} }, UserProfile에서 props를 이런 식으로도 받을 수 있던데 아래 주석과 다른 차이가 무엇인가요?
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
bus 질문있습니다.
import Vue from 'vue' export default new Vue() vue를 왜들고오는거죠?? new vue()는 뭔가요.. 추가로 bus.js?d8ad:3 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor at eval (bus.js?d8ad:3:1) at Module../src/utils/bus.js (app.js:1565:1) at __webpack_require__ (app.js:849:30) at fn (app.js:151:20) at eval (App.vue?3dfd:10:1) at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader-v16/dist/index.js?!./src/App.vue?vue&type=script&lang=js (app.js:938:1) at __webpack_require__ (app.js:849:30) at fn (app.js:151:20) at eval (App.vue?3758:1:1) at Module../src/App.vue?vue&type=script&lang=js (app.js:1289:1) 에러 뜹니다ㅜㅜㅜ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
mutation질문
강의보고 따라하는데 vue 개발자 모드에서 강사님처럼 mutation이 나와야하는데 안보이네요 ㅠㅠ 이건 왜그러는걸까요?!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한 신청 요청드립니다.
다시 초대 부탁드리겠습니다. 감사합니다. 인프런 아이디: aje0411 인프런 이메일: aje0411@naver.com 깃허브 아이디: aje0411@hansalim.or.kr 깃허브 Username: AJE92
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깜빡임 문제에 대하여
안녕하세요 선생님. 계속 강의를 들으며 공부하던 중에 다른 분들과 비슷하게 불러온 데이터가 화면에 그려졌다가 트랜지션으로 다시 opacity 0 에서 1로 변하는 현상을 보게 되었습니다. 그래서 computed로 되어있던, <script> export default { computed: { listItems() { const name = this.$route.name; if (name === 'news') { return this.$store.state.news; } else if (name === 'ask') { return this.$store.state.ask; } else { return this.$store.state.jobs; } }, }, }; </script> 이 부분을 아래와 같이 <script> export default { data() { return { listItems: {}, }; }, created() { this.listItems = this.$store.state.list; }, }; </script> computed 대신에 created(생성시점)에 데이터를 가져와서 data 옵션에 담아주어 뿌리게 하여 해결하였는데, 꼭 computed로 처리 하여야 하는 놓치는 부분이 있을지해서 여쭈어봅니다... 불필요한 부분이라던지 알려주시면 정말 감사하겠습니다. 그리고 강의 정말 최고입니다. 감사합니다.