월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
select box에서의 prop 활용 질문드립니다 !.
셀렉트박스 기능을 활용하는데 오류가 나는데 고치지를 못하겠습니다. <부모> [템플릿 영역] <select-box v-model="preselect_value" :items="items" :input_id="'my_selectbox'" @input=" value => { preselect_value = value; } " ></select-box> [Data 영역] data() { return { preselect_value: null, items: ["1994", "1992"] <자식> [템플릿영역] <select v-model="this.value" class="custom-select" v-bind:id="input_id" v-on:input="updateValue($event.target.value)" > <option v-for="(item, index) in items" :value="item" :key="index">{{ item }}</option> </select> <Data 영역> data() { return { // }; }, props: ["value", "items", "input_id"], methods: { updateValue: function(value) { this.$emit("input", value); } } <오류메시지>제가 어떤점에서 실수를 하고 있었을까요?알려주시면 감사하겠습니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
백스페이스 질문 드립니다
A 화면에서 B 화면으로 넘어간 후 현재페이지(B)에서 백스페이스를 눌러도 A페이지로 넘어가는 것을 막으려고 합니다. 어떻게 해야 할까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
질문드립니다~~!
안녕하세요! 언제나 감사드립니다.이번에 interceptors로 error가 올때 error을 가로채서 글로벌 에러처리 로직을 만들고 있는 중입니다. 한가지 이슈가 interceptors에서 해당 요청이 일어난 vue component가 찾아지지가 않더군요.. 혹시 따로 방법이 있는지 질문드립니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
nvm이 안됩니다..
이렇게 했는데 nvm이 인식이 안되네요.. 아무리 찾아봐도 모르겠습니다. vim ~./bashrc에 export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm 이것도 추가 했습니다. 근데 cmd나 bash에서 둘 다 nvm이 안되는데 어떻게 해결하나요
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
App.js문의
이 강좌도 app.js부터 시작하시는데 깃헙다운받은 소스엔 app.js가 안보이네요...
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
app.js문의
안녕하세요? 전 지금 최종 완성본 블랜치를 다운받아서 실행할려고 허니 app.js가 보이질 않네여...어케 된 걸까요???
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
mac 에서 안되서 질문드립니다.
nvm 설치 후 bashrc 파일도 잘 만들었는데, nvm 실행이 안되네요; 뭔가 경로가 ~/.bashrc 아닌건지 잘 모르겠습니다^^; nvm source string already in /Users/minsukong/.bashrc bash_completion source string already in /Users/minsukong/.bashrc 이렇게 뜨는데 기존 node 플젝하면서 경로가 저렇게 잡혔던거 같습니다. 자문자답합니다;; ㅎㅎ 찾아보니 아래와 같이 하면 되더라고요 감사합니다! https://gist.github.com/falsy/8aa42ae311a9adb50e2ca7d8702c9af1
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint 오류 문의
안녕하세요 강사님. eslint를 적용 했는데.. 특정 파일들은 간격이 제대로 fix 되지 않는 현상이 있습니다. .vue 파일들은 제대로 변경되는데 .js 파일 저장 시에는 변경이 되지 않네요. 이유가 무엇일까요? 이것 때문에 강의 진행이 어렵네요..ㅜㅜ 확인 부탁드립니다. 감사합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
캡틴판교 선생님 안녕하세요 강의 잘 듣고 있습니다. 궁금한 점이 생겨서 문의드립니다.
캡틴판교 선생님 안녕하세요 강의 잘 듣고 있습니다. 궁금한 점이 생겨서 문의드립니다. 작성한 테스트 파일을 테스트 대상이 되는 파일과 최대한 가까운 위치에 두라고 말씀해주셨는데요 그래서 궁금증이 생겨서 문의드립니다. 만약 애플리케이션을 배포할 경우 테스트 파일도 같이 포함해서 배포하는 건가요? 아니면 애플리케이션을 배포할 때는 LoginForm.spec.js와 같은 테스트 파일을 제외해서 배포하는 것인지 문의드립니다. 만약 LoginForm.spec.js 와 같은 파일의 제외하고 배포한다면, 이 방법을 실현하기 위해 어떠한 키워드로 검색을 해야 하는지 혹시 여쭈어볼 수 있을까요? 감사합니다. 선생님 건강하세요
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
서비스 기획과 상세 설계에 대한 질문
안녕하세요. 개발 이전에 서비스 기획과 상세 설계 단계도 상당히 중요한 부분이라고 생각되는데요, 화면 구성, 정보구조도 그리기, 시나리오 만들기 등을 위한 툴로 어떤걸 사용하는게 좋을지 추천부탁드립니다. Vue Component의 세부적인 연결구조까지 나타낼 수 있을까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
로그아웃 버튼 클릭 후에..
안녕하세요 로그아웃 버튼 클릭 후, 로그인 화면으로 돌아오긴 했지만 개발자도구의 application에는 남아있다가 새로고침 하면 사라집니다.. 제가 놓친 부분이 있나 싶어서 돌려보는데 잘 모르겠습니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
registerUser()에 ctrl+클릭 했을경우 질문입니다.
안녕하세요. 강사님과 소스가 같은 상태인데요, registerUser();에 ctrl+클릭 하면 같은 파일(SignupForm.vue) 내에 있는 import {registerUser}로 하이라이팅이 됩니다.. 일시적인 문제인걸까요..?아니면 제가 설정을 변경해야 하는 부분이 있는걸까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
데이터 조회에 대해서 궁금증이 생겨서 질문 드립니다!
해당 강의에서는 Detailpage를 수정폼을 담는 페이지로 사용했는데, 조회 페이지에 대한 궁금증이 생겨서 문의 드립니다. 보통 메인이 되는 게시판에서 v-for로 내린 하나의 게시글을 보기위해서 router-link를 통해서 detailpage로 가면 props로 내려준 데이터를 표기할텐데, 그냥 주소창에 해당 게시글 번호를 치고 들어가도 그 props를 받아올 수 있나요? 혹시 이런 상황들을 실무에서는 어떻게 처리하는지 궁금합니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
nvm 설치 문의드립니다
안녕하세요 :) https://github.com/nvm-sh/nvm#installing-and-updating 참고하여 실행하였습니다.. vi ~/.bash_profile 에 export~ 소스 추가한 후 source ~/.bash_profile 명령어에 오류 없이 실행되었습니다. 그런데 nvm --version하면 not found 메세지가 나오는데 원인을 잘 모르겠습니다.. (cmd 열어서 C:\Users\s\~경로에서 nvm version하면 버젼 정보가 나옵니다) ---------------------------- 윈도우 cmd 창에서 설치 된거면, 프로젝트 진행 가능한건가요..?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
안녕하세요. 질문이 있습니다.
태그 작성하고 저장하면 자동적으로 포멧팅 하는데 br, img, input 들이 뒤에 /가 붙어서 나오더라구요.. <br/> <img/> <input/> 이렇게요~ 해당 기능을 끌 수 있을까요?? 확인 부탁 드립니다. 감사합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
토큰값을 axios 인터셉트에서 불러올때 store.state.token 으로 하는게 맞나요?
스토어에 저장된 토큰값을 axios 인터셉트에서 불러올때store.state.token 으로 하는게 맞나요? 안되네요?참고로 개발자 툴(vuex)에서 확인해보면 token값은 존재합니다.소스는 아래와 같습니다.import axios from 'axios';import store from '@/store/index';// axios 인스턴스를 생성합니다.const instance = axios.create({baseURL: process.env.VUE_APP_API_URL,// timeout: 1000,});instance.interceptors.request.use(function(config) {// 요청 성공 직전 호출됩니다.// axios 설정값을 넣습니다. (사용자 정의 설정도 추가 가능)console.log('token', store.state.token);// const token = this.$store.state.token;config.headers.Authorization = store.state.token;return config;},function(error) {// 요청 에러 직전 호출됩니다.return Promise.reject(error);},);
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
setToken값을 불러오지 못합니다.
안녕하세요, 제가 mutation쪽에도 setToken을 잘 저장했고 , LoginForm에서 $store로 불러올때 다른 값들은 commit이 되는 데 setToken이 불러와 지지 않습니다. 또한 console.log로 data.token값도 불러오지 않고요,, 불러오질 못하니 Authoriztion 도 빈값으로 됩니다. 파일경로가 잘못된것도 아닌것 같은데 뭐가 문제 인지 모르겠습니다.... 한번 확인해 주실수 있으신가요? https://github.com/gay0ung/Vue/tree/master/vue-til/src
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
.env 와 .env.development
안녕하세요! 로컬에서 npm run serve 를 했을 때, .env.development 보다 .env가 우선 순위를 가지게 됩니다. .env 파일을 지우고 .env.development 파일만 남겼을 때, 잘 작동한하는 것으로 보아, .env.development 파일에는 문제가 없는 것 같습니다. 혹시 어느 부분이 잘못된 것일까요ㅠㅠ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
몽구스 연결 에러
localhost:3000/api/docs 에서 /signup 테스트를하면 에러가 납니다. 강의를 수회 돌려봤는데 딱히 잘못 설정한건 없어보이는데 혹시 유추될만한게 있을까요? -- vscode 터미널 에러 -- MongoDB connection error: { MongoNetworkError: failed to connect to server [cluster0-shard-00-00.wrnxu.mongodb.net:27017] on first connect [MongoNetworkError: connection 5 to cluster0-shard-00-00.wrnxu.mongodb.net:27017 timed out] at Pool.<anonymous> (/Users/may/dev/vue-scaffolding/vue-til-server/node_modules/mongodb-core/lib/topologies/server.js:564:11) at Pool.emit (events.js:198:13) at Connection.<anonymous> (/Users/may/dev/vue-scaffolding/vue-til-server/node_modules/mongodb-core/lib/connection/pool.js:317:12) at Object.onceWrapper (events.js:286:20) at Connection.emit (events.js:198:13) at TLSSocket.<anonymous> (/Users/may/dev/vue-scaffolding/vue-til-server/node_modules/mongodb-core/lib/connection/connection.js:257:10) at Object.onceWrapper (events.js:286:20) at TLSSocket.emit (events.js:198:13) at TLSSocket.Socket._onTimeout (net.js:442:8) at ontimeout (timers.js:436:11) at tryOnTimeout (timers.js:300:5) at listOnTimeout (timers.js:263:5) at Timer.processTimers (timers.js:223:10) name: 'MongoNetworkError', errorLabels: [ 'TransientTransactionError' ], [Symbol(mongoErrorContextSymbol)]: {} }
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
윈도우에서 NVM 설정시 문제
강의 영상보면서 NVM 설치하는데 몇가지 의문? 및 안되는 부분 있는데요, 강의 영상이 잘못?된 부분인지...상관없는건지 잘 모르겠어요 - 초반에 nvm 아래와 같이 설치하고 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm 위에 export 부분 vi ~/.bashrc에 복사하려는데 강사님 파일에는 export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion 위와 같이 설정되어 있습니다. 이게 둘중 뭘해도 상관 없는건지요? 이전까지 powershell에서 작업했는데 윈도우는 bash에서 해야된다해서 설치해서 이렇게 저렇게 해봤는데 안돼서 찾아보니... Note: nvm does not support Windows (see #284), but may work in WSL (Windows Subsystem for Linux) depending on the version of WSL. For Windows, two alternatives exist, which are neither supported nor developed by us: nvm-windows nodist 윈도우에서는 지원을 안하는거 같아요. 구글링으로 https://github.com/coreybutler/nvm-windows/releases 여기서 파일 받아 10.16.3버전으로 설치완료 후 npm i로 노드모듈 설치하는데 아래와 같은 에러가 발생했는데, 원인을 잘 모르겠네요ㅠ -------------------------------------------------------------------- 아 nvm install 10.16.3 하고 nvm use 10.16.3 한 다음에 npm i 하니까 설치가 되네요...