55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
pm2를 이용해 계속 서버를 유지하는방법을 알 수 있을까요..?
노드 api 서버는 잘 유지가 되는데 pm2 로 vue어플리케이션을 구동하려하면에러가 납니다 ㅠpm2를 설치하고"scripts": {"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot","build": "cross-env NODE_ENV=production webpack --progress --hide-modules","start": "pm2 start build.js"},이렇게 start라는 스크립트를 추가해주었는데요 npm run build를 통해 js파일을 빌드하고 pm2로 실행하려했는데 실행이 되지않네요 ㅠ webpack 경로는 dist 에서 패키지.json과 동일한 경로로 변경했습니다 뭐가문제인지 모르겠네요...
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
6:05 쯤에 설명해주신부분 질문드려요
6:05초 쯤에 설명해주신 title을 가져오는 동작? 순서가 잘이해가 안됩니다 ㅠcreated() {this.inputTitle = this.data.title}위에 내용에서 this.data.title은 props: ['data']를 통해 가져온 부모컴포넌트의 data 전체를 의미하는건가요??Board.vue에 써있는data() {return {bid: 0,loading: false,cDragger: null,isEditTitle: false,inputTitle: ''}}이내용을 하위 컴포넌트인 List.vue가 props: ['data'] 를 함으로써 상속받게되면 상위컴포넌트의data(){ return {....} } 안에 쓰인 모든 값을 전부 가져올 수 있게되는건가요??그렇다고해도 Board.vue에 data()안에는 title이라는 이름의 값은 없는데 어떻게this.inputTitle = this.data.title 가 가능한지 잘모르겠습니다
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
mapState나 mapActions를 쓸때 객체와 배열의 차이가뭔가요?
import {mapActions,mapState} from 'vuex' 를통해 vuex에서 가져온 맵액션이나 맵스테이트를사용할때 어쩔때는 객체로 표기하고 어쩔땐 배열로 표기하던데 그냥 외우면되나요??1번computed: {...mapState({card: 'card'})},2번methods: {...mapActions(['FETCH_BOARD']),fetchData() {this.loading = truethis.FETCH_BOARD({id: this.$route.params.bid}).then(() => this.loading = false)}}computed에서mapState를 쓸때는 객체로 가져왔는데 methods에서 mapActions를 가져올때는 배열로 쓰시더라구요 어떨때 객체로쓰고 어떨때 배열로 쓰는지 궁금합니다
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
v-for를 쓸때 꼭 key라는 어트리뷰드를 지정해줘야하나요??
8:45 쯤에 v-for를 사용할때는 key 라는 어트리뷰트를 할당해줘야 한다. 라고 말씀해주셨는데자바스크립트로 for문을 쓸때는 그냥 사용하면되지만 vue에서는 v-for를 쓸때 key라는 어트리뷰트를 할당해주기로 권장되는건가요??v-for에 할당해야할 key의 이름은 꼭 key여야하는건지 궁금합니다.
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
onSubmit 메서드 내 변수 할당에 대해 질문드립니다.
안녕하세요onSubmit 메서드 내에서 const {inputTitle, listId} = this를 통해 변수를 할당하신 것에 대해 질문드립니다.this.inputTitle, this.listId 이런식으로 사용할 수 있을 것 같은데 특별히 저렇게 사용하신 이유가 있는지 궁금합니다. 제 생각에는 가독성 및 es6의 속성 초기화 문법 (https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer#%EC%86%8D%EC%84%B1%EC%A0%95%EC%9D%98) 을 이용하기 위해 사용하신 것 같은데 맞는지...궁금합니다.항상 좋은 강의 감사드립니다.
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
cDragger 코드 일괄 수정 질문 입니다.
3분 23초에서cDragger 를 lDragger로 일괄적으로 변경하셨을 때, 어떤 단축키로 하신건가요?vscode에서 cDragger에서 마우스 우클릭 후, 모든 항목 변경을 누르면(맥 기준 cmd + f2)setListDragabble() 말고, setCardDragabble()의 cDragger도 같이 수정이 되는데,영상에서는 아래쪽만 바꾸는 것 같아서요(위에는 안보이긴 하지만)
- 해결됨트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
비밀번호 틀리게 입력했을 때, 로그인창에 Login failure 라는 단어가 뜨질 않습니다.
.then(data => { // 토큰을 브라우저 로컬호스트에 저장 localStorage.setItem('token', data.accessToken) setAuthInHeader(data.accessToken) this.$router.push(this.rPath) console.log(data) }) .catch(err => { this.error = err.data.error // this.error = err.response.data.error console.log('에러발생1: '+err) console.log('에러발생2: '+err.data.error) }) 그래서 로그찍어보고 컨솔창에서 확인해보니 아래와 같이 에러가 발생하는데 왜 그런지 모르겠습니다. 에러발생1: TypeError: Cannot read property 'accessToken' of undefined Uncaught (in promise) TypeError: Cannot read property 'error' of undefined at eval (Signin.vue?3d55:88)
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
로컬 서버 구동시 오류가 발생합니다..
kelseyui-MacBookPro:lecture-vue-trello-server kelsey$ npm run devlecture-vue-trello-server@1.0.0 dev /Users/kelsey/publisher/lecture-vue-trello-servernodemon[nodemon] 1.18.9[nodemon] to restart at any time, enter rs[nodemon] watching: .[nodemon] starting node index.js/Users/kelsey/publisher/lecture-vue-trello-server/index.js:7}).then(async _=> {^^^^^SyntaxError: missing ) after argument listat createScript (vm.js:56:10)at Object.runInThisContext (vm.js:97:10)at Module._compile (module.js:542:28)at Object.Module._extensions..js (module.js:579:10)at Module.load (module.js:487:32)at tryModuleLoad (module.js:446:12)at Function.Module._load (module.js:438:3)at Module.runMain (module.js:604:10)at run (bootstrap_node.js:393:7)at startup (bootstrap_node.js:150:9)[nodemon] app crashed - waiting for file changes before starting...npm install 완료한 상태인데 이렇게 오류가 나네요..ㅠ
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
list.vue에서는 왜 props을 쓰신건가요?
이것도 vuex 사용 가능한거 아닌가요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
실제로는 만료기한 처리를 해야한다는게 무슨뜻인가요?
만료가 다가오면 서버에서 토큰을 연장해야한다는건가요? 아니면 클라이언트 단에서 처리해주는 로직이 있을까요?
- 트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
Navbar 컴포넌트 설정해줄때 {} 로 왜 감싸나요?
삭제된 글입니다
- 해결됨트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
api/index.js 의 코드중 설명이 누락된 부분?
로그인 완료 후 메인에서 새로고침을 하면 로그인이 풀립니다. 문제 해결을 위해 코드를 비교하며 살펴보다가 const {token} = localStorage if (token) setAuthInHeader(token) 체크아웃한 코드에는 이 코드가 추가되어있는데 영상에는 찾아봐도 설명이 없는 것 같아서 질문 남깁니다..
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
VueRouter직접 만들기 ! -> vue@cli3.0에서는 Error가 나는데
뒤늦게 다시 강의를 듣고 있는데요 ;ㅁ; import Vue from "vue";import App from "./App.vue";Vue.config.productionTip = false;const Login = { template: `<div>Login Page</div>` };const routes = { "/": App, "/login": Login};new Vue({ el: "#app", computed: { VueComponent() { return ( routes[window.location.pathname] || { template: `<div>Page not Found 404</div>` } ); } }, render: h => h(this.VueComponent)});Error Message에서는 Computed에서 정의한 VueComponent를 못 찾는데 어떤 문제인지 원인을 못 찾아서 질문드립니다 ㅜ
- 해결됨트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
updated 훅 관련 질문 드립니다.
보드 엘리먼트들의 배경색을 바꾸는 코드를 왜 updated 훅에 넣으셨는지 궁금합니다.
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
세미콜론 질문드립니다.
강의에서 세미콜론을 안 붙이더라고요 특별히 이유가 있나요?이때까지 자바스크립트에서 항상 세미콜론을 붙여왔는데요.(책에서 안 붙이면 오류가 날 수 있는 case가 있다고 본 것 같음...)아니면 단순히 스타일의 차이인지 궁금합니다.
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
api/index.js 의 request 함수 설정 과정에서 문의 사항 있습니다.
하기 코드에서 status 변수를 curly bracket을 씌여서( {status} ) 정의한 이유가 무엇인가요 ?const request = (method, url, data) => { return axios({ method: method, url: DOMAIN + url, data: data }) .then(result => result.data) .catch(result => { const {status} = result.response if (status === UNAUTHROIZED) return onUnauthoirzed() throw Error(result) })}추가적으로 제가 javascript 기초적인 이해가 부족합니다, "es6 길들이기" 책 공부하면 괜찮을까요 ?강의 기초편부터 잘 듣고 있습니다. 항상 좋은강의 감사 드립니다 ^^
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
보드가 없는 url 접근시 어떻게 하는게 좋나요?
이번 강의로 보드를 삭제한 다음 $router.push('/') 를 통해 홈으로 보내는데요. 하지만 브라우저에서 뒤로가기를 통해 이미 삭제된 보드 url로 접근할 수 있었습니다. (직접 입력해서도 가능할거구요..) 위와 같은 경우 다시 홈으로 튕겨냈으면 하는데.. 이런 처리는 어떠한 방법으로 하는게 권장되나요? 제 생각에는 @ 단순하게 Board컴포넌트에서 FETCH_BOARD액션을 실행할 때 catch구문으로 홈으로 보낸다. @ 애초에 없는 페이지 접근이니 404처리를 위해 api/index.js에서 request 모듈의 catch구문에 404처리를 추가한다. (그런데 api단에서는 비동기로 데이터를 불러오는 인터페이스역할을 한다고 생각할 수 있는데 이 단계에서 데이터를 얻지 못 했다고 404처리를 추가하는게 맞을까 싶기도 합니다...) 정도 일까 싶은데요.. 네비게이션가드를 사용해볼까 했는데 그러기엔 일단 API서버에서 데이터페치가 일어나봐야 존재유무를 알 수 있으니 이 방법은 어려울거 같은데요.. vue의 관점에서 볼 때 위와 같은 경우 어떤 방법이 권장되는 방법일까요? 궁금합니다..
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
Import와 보드컬러 코드 문의
import 할때 어떤 경우에 {}를 써야하는지요?ex) import {auth} from ~~보드 컬러 먹이는 코드에서 템블릿 코드 안에서는 data-bgcolor 에 바인딩하고 update훅에서는 dataset.bgcolor로 쓰던데요 data와 dataset 둘다 써도 되는건지요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
/login으로 curl을 하면 401이 떨어지는데 sqlite오류일까요?
(사진)
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
<router-link> 와 관련해 질문있습니다!
router-link에서 to와 :to 의 차이가 궁금합니다.Home 컴포넌트에선 <router-link to="/b/1">Board 1</router-link> 와 같이 사용을 하는데이번강의에서 만든 Board 컴포넌트에선 <router-link :to="/b/${bid}/c/1">Card 1</router-link> 와 같이 사용을 하시더라구요! 저렇게 다르게 사용했을 때 차이가 있나요? :)