25%
41,250원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
nuxt.js에 대해 어떻게 생각 하시나요?
안녕하세요 초급 강의부터 잘 듣고 있습니다. vue를 공부한지 2일째 지만 프레임워크의 동작 방식에 대해 이해 하는데 도움이 많이 되는 강의 인것 같습니다. 현재 백엔드 개발자로 일하고 있지만 스타트업에서 어드민 페이지를 같이 개발 하게 되서 이참에 프론트 프레임워크 하나 배워두려고 vue와 react 중 고민하다가 현실과 타협하여 러닝커브가 비교적(?) 적은 vue로 선택하여 이 강의까지 찾아 오게 되었습니다. 그래도 공부한지 얼마 안되서 그런지 키워드나 프레임워크의 구조, 동작 방식을 이해하지 못한 상태라 아직 어렵긴 하네요ㅎㅎ 강의를 들으며 구글링을 하다 보니 vue를 할꺼면 nuxt.js를 하라는 글이 있던데 캡틴판교님의 생각은 어떤지 듣고 싶습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Flux패턴에 대한 질문..
안녕하세요. Flux와 MVVM에 대한 질문이 있습니다. 1. react에서는 상위 컴포넌트에서 하위컴포넌트로밖에 데이터 이동이 되지 않는 것을 데이터 단방향 흐름이라고 하는것으로 알고있습니다. 이러한 단방향 데이터 흐름을 Flux 패턴이라고 하는것인지 아니면 리액트에서 사용되는 contextapi, react-redux 같은 것들이 Flux 패턴이라고하는것인지 그것도 아니라면 리액트 내부적으로 Flux패턴으로 라이브러리가 구현되어있는것인지 궁금합니다.. 2. vue에서 MVVM같은 경우는 Model - data(){return {a:1}} View - 화면에 보여지는 것 View Model - Model과 View의 의존성을 없애기 위해서 데이터바인딩과 command(?)를 통해 View 갱신. 그리고 이벤트리스너를 통해 (v-on:click="함수명") data(){return {a:1}} (Model)부분 갱신 MVVM 패턴에 대한 제 이해가 맞을까요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
'vue devtools'이 비활성화 문제 문의드립니다..^^!
안녕하세요 판교님~~ 영상을 보다가 확인이 안되는 부분이 있어서 문의를 드려봅니다. [컴퍼넌트 생성 및 등록하기] 강좌 마지막 부분에 정상적으로 'vue run serve' 로 구동 후 브라우저로 마지막 확인할 때 페이지 내용은 정상적으로 뜨는데 'vue devtools'로 확인하려는데 'vue devtools'이 비활성화되어 확인 안되더군요. 그래서 개발자 도구로 영상처럼 확인이 안된답니다... 'vue devtools' 아이콘을 클릭하면 'vue.js not detected' 뜨더군요 활성화 할 수 있는 방법을 알려주실 수 있을까요? * 참고로 확장프로그램 관리에서 Vue.js devtools를 찾은뒤 파일 URL에 대한 액세스 허용란에 체크 표시를 해주었는데도 활성화가 안되더라구요..^^!!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
sublime text vs vue
<template> html </template> <script> js </script> <style> css </style> sublime text html랑 vue 차이점? sublime text .html를 .vue에 넣으면? ex) template 부분에 html 부분 넣고 script 부분에 js 넣고 style 부분에 css 넣으면 실행이 안되던데 왜 그런지 알고 싶어요. <html> <script> </script> <style> </style> </html>
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 권한
안녕하세요 저번에 권한 승인되었다는 메일을 받았는데 리포지토리 사이트 들어가니깐 Secret이라고 나오고 소스코드가 다운이 안되고있어요 로그인은 되어있습니다. 다시 한번 확인 부탁드릴게요~ 인프런 아이디 : hasfw@naver.com인프런 이메일 : hasfw@naver.com깃헙 아이디 : hasfw@naver.com깃헙 Username : ohrorororong
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
npm run dev 에러
➜ vue-inter git:(master) ✗ npm run dev npm ERR! code ENOENT npm ERR! syscall open npm ERR! path /Users/doubllles_/Documents/TIL/vue-inter/package.json npm ERR! errno -2 npm ERR! enoent ENOENT: no such file or directory, open '/Users/doubllles_/Documents/TIL/vue-inter/package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! /Users/doubllles_/.npm/_logs/2020-08-19T14_22_03_458Z-debug.log npm run dev 작동시 에러가 뜨는데 ... 뭐가 문제인지 모르겠습니다..
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
리스트 전체 나오게 하는 방법
이런식으로 남은 할 일들만 보이도록 했습니다. 1. 그리고 다시 Show All을 누르면 전체 리스트가 나오도록 하려하는데 어떻게 해야되나요?? 2. completed가 false인 것들의 개수를 출력하고 싶어서, App.vue에서 remaining(false개수)를 props를 이용하여TodoList.vue로 보냈습니다. TodoList.vue에서 props를 받아서 화면에 내보내려 해봤는데 잘 안되네요.. false인 것들의 개수를 filter를 이용하려 하는데 어느 파일에서 해야되는지, props를 두개 받으면 props:['~~', '~~~']이렇게 받는게 맞는건지 등 하는 법좀 알려주시면 감사하겠습니다!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
리스트의 순서
input에 할일을 추가하면 밑에 안쌓이고 순서가 왜 뒤죽박죽이 되나요?? 어떻게 넣는 순서대로 밑에 쌓이도록 하나요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 승인요청 부탁드립니다.
인프런 아이디 : kdh5998@ajou.ac.kr인프런 이메일 : kdh5998@ajou.ac.kr깃헙 아이디 : KKIMDoHyun깃헙 Username : KKIMDoHyun 승인부탁드립니다~
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
영상 마지막 flux패턴의 단방향 데이터 흐름 그림
영상에 action이 feedback 되는걸 표현하기 위해 2번 나오는데 (위에)action하나 지우고 화살표를 맨 앞 action으로 연결하면 될거같은데 영상처럼 표현하신 이유가 있나요..?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
문법에 관련 질문입니다
<li v-for="(todoItem, index) in propsdata" v-bind:key="todoItem.itme" .....> 1. todoItem 값을 하위의 toggledCompleted에서 인자로 사용했는데 v-on, v-for 이런 키워드 안에서는 사용할수 있는건지요 2. 위의 v-for에 in propsdata로 스크립트의 props에 정의된 이름? 을 그대로 사용 가능한건 v-for 안 이기때문에 가능한건지요 3. 스크립트의 props: ['propsdata']는 배열 0번째에 propsdata 라는 스트링을 넣은 의미 인건가요? 여기에 상위 컴포넌트에서 내려보낸 값이 담긴다는건 알겠는데 뷰 에서는 배열에 키값을 설정할수 있는건가요 3. v-bind:key="todoItem.itme"는 무슨 의미인지요? todoItem.item의 값을 어디의 키값으로 설정? 사용? 한다는 뜻인가요 바쁘시겠지만 답변 부탁 드리겠습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
created에 대한 질문
강의 잘 듣고 있습니다. 아래의 질문을 드리니 답변 부탁 드리겠습니다. 1. App.vue의 created는 App 컨테이너가 생성될때 딱 한번 실행 되는건지요 2. TodoList.vue의 v-bind:key는 무슨 역할을 하는지도 알려 주시면 감사하겠습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 권한 받은 후 clone 질문입니다
깃헙 리포지토리 권한은 승인 받고서 git clone 받아도 계속 https://gist.github.com/42fe8a30d9fbe5fafe53b5e8ade3887d.git 파일로 설치가 되는데요 어떻게하면 받을 수 있을까요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
리스트에 표시되는 값에 관한 질문
현재 리스트에 보여지는 값은 로컬스토리지의 키 값을 배열에 담아서 뿌려주는거 같은데 값을 가져 오기 위해서는 아래와 같이 수정을 해야 하지 않는가요? 변경전: this.todoItems.push(localStorage.key(i)) 변경후: this.todoItems.push(localStorage.getItem(localStorage.key(i))); 로컬 스토리지의 키와 값을 동시에 가져 올수 있는 그런 메소드는 없는지요 그렇다면 구지 두번이나 로컬스토리지에 접근해서 값을 가져오지 않아도 될것 같은데요 바쁘시겠지만 답변 부탁 드리겠습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
import 연결 할 때
import vue-ex form "./components/vue-ex"; 이렇게 위처럼 ./로 연결하는 법도 있고 import vue-ex form "@/components/vue-ex"; 이렇게 @로 연결하는 법도 있던데 두가지의 차이점이 있나요???
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
GitHub 리포 접근 양식
인프런 아이디 : olivia.seo@hanwha.com (??) 인프런 이메일 : olivia.seo@hanwha.com 깃헙 아이디 : xtjwltnx@gmail.com 깃헙 Username : Sjisoo
- Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Helper 함수의 단점에 대해
삭제된 글입니다
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청 확인의 건
인프런 아이디 : jungsu.ryu@gmail.com 인프런 이메일 : jungsu.ryu@gmail.com 깃헙 아이디 : jungsu.ryu@gmail.com 깃헙 Username : ryujs78 안녕하세요. 승인됐다는 메일 받았는데 'Gist페이지링크'를 클릭하면 아직 secret 이라고 나오네요. 브라우저는 github에 로그인 된 상태고요. 확인 부탁드립니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Vuex 설치시 발생하는 문제에 대해
안녕하세요. 강의 다시 들으면서 실습해보고 있는데, Vuex 설치한 후 package.json 에는 다음과 같이 제대로 Vuex 라이브러리가 설치된 것 같으나 실제 설치하는 과정에서는 Error / Warning이 너무 많았습니다. 혹시 이런경우엔 라이브러리 기능중 일부 기능이 누락된 상태로 설치되거나 그런건가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
결국 이 코드에선 안티패턴 제거가 안된게 아닌가 싶어서 문의드립니다.
안녕하세요. "상위 컴포넌트의 데이터를 하위 컴포넌트로 전달한 후 하위 컴포넌트에서 변경(변형)하지 말아야 한다" 즉 컴퍼넌트 안의 data를 직접 변경하는게 하위 컴퍼넌트와의 이벤트 버스를 통해 변경하는것보다는 좋다. 이 부분에는 전적으로 동의합니다. 어찌보면 당연한 내용이기도 하고요. 근데 궁금한건 이 코드는 결국엔 toggleOneItem() 함수를 실행하면서 인자로 받은 todoItem을 localStorage에 담을땐 그대로 하위 컴퍼넌트의 값을 이용한게 아닌가 싶어서요. 말씀하신대로 리펙토링한다면 아래와 같이 추가로 더 수정해야 할듯 한데 어떻게 생각하시는지 궁금합니다. localStorage.removeItem(this.todoItems[index].item); localStorage.setItem(this.todoItems[index].item, JSON.stringify(this.todoItems[index]));