55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
scafloding-init 브랜치를 언제 작성했나요?
git clone 한 후 master 브랜치밖에 없었는데 scafloding-init 브랜치가 어떻게 생긴거죠? 제가 못 본건지.. scafloding-init 브랜치를 언제 작업했나요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
Git 에 올리면서 작업하려고 하는데 webpack-simple 레이아웃은 security error 가 발생합니다.
레이아웃 버전이 너무 낮은 것 같아요. ㅠ
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
vue lecture Trello server ,npm install 에러
npm install시 에러가납니다. node-pre-gyp WARN Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.2.4/fse-v1.2.4-node-v72-darwin-x64.tar.gz node-pre-gyp WARN Pre-built binaries not found for fsevents@1.2.4 and node@12.6.0 (node-v72 ABI, unknown) (falling back to source compile with node-gyp) SOLINK_MODULE(target) Release/.node CXX(target) Release/obj.target/fse/fsevents.o In file included from ../fsevents.cc:6: In file included from ../../nan/nan.h:202: In file included from ../../nan/nan_converters.h:67: ../../nan/nan_converters_43_inl.h:22:1: warning: 'ToBoolean' is deprecated: ToBoolean can never throw. Use Local version. [-Wdeprecated-declarations] X(Boolean) ^ ../../nan/nan_converters_43_inl.h:18:12: note: expanded from macro 'X' val->To ## TYPE(isolate->GetCurrentContext()) \ ^ <scratch space>:202:1: note: expanded from here ToBoolean ^ 중략... gyp ERR! stack at ChildProcess.emit (events.js:203:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12) gyp ERR! System Darwin 18.6.0 gyp ERR! command "/usr/local/Cellar/node/12.6.0/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "build" "--fallback-to-build" "--module=/Users/has3ong/Desktop/GitHub/Vuejs-Trello/lecture-vue-trello-server/node_modules/sqlite3/lib/binding/node-v72-darwin-x64/node_sqlite3.node" "--module_name=node_sqlite3" "--module_path=/Users/has3ong/Desktop/GitHub/Vuejs-Trello/lecture-vue-trello-server/node_modules/sqlite3/lib/binding/node-v72-darwin-x64" "--napi_version=4" "--node_abi_napi=napi" gyp ERR! cwd /Users/has3ong/Desktop/GitHub/Vuejs-Trello/lecture-vue-trello-server/node_modules/sqlite3 gyp ERR! node -v v12.6.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok npm WARN lecture-vue-trello-server@1.0.0 No description npm WARN lecture-vue-trello-server@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents): npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 install: `node install` npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! sqlite3@4.0.2 install: `node-pre-gyp install --fallback-to-build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the sqlite3@4.0.2 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/has3ong/.npm/_logs/2019-08-07T15_34_20_764Z-debug.log 어떻게 해결하죠
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
sass 를 안쓰는 이유가 혹시 있으신가요?
이유도 듣고 싶었는데 강의 내에서 이유는 언급해주시 않으셔서 질문드립니다!
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
Node JS 와 Vue CLI 버전을 추천해주실 수 있나요?
안녕하세요. 이제 막 강의를 듣게 된 학생입니다. 그런데 기존에 Node.js 를 사용해본 경험이 없어서 시작하기 카테고리에서 4 번째 강의인 코드 스캐폴딩 강의를 듣던 중, 윈도우에서 Node js 를 설치하고 명령 프롬프트 창을 연 뒤 Vue CLI 를 설치하는 것 까진 됐으나 vue init webpack-simple 명령어를 실행했을 때 프로젝트 이름까지만 적어지고 그 다음부터는 아예 콘솔창이 반응을 하지 않게 되더군요.. 구글링을 해보니 버전 때문이라는 말이 있던 것 같습니다. 그래서 다운그레이드를 해보고 뷰CLI 공식문서에 있는 추천 버전도 사용해보았으나, 해결이 되질 않았습니다. 혹시 문제가 발생하지 않는 버전을 추천해주실 수 있을까요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
강사님
cDragger를 처음에 초기화할 떄 null로 설정하면 setCardDraggable() 의 로직을 돌 때 if(this.cDragger) this.cDragger.destory() 이 코드가 오류가 나지 않나요? 처음 초기값이 drgaula객체를 할당 해준것도 아니지 않나 싶어서요. 제가 실제로 저 코드 부분에서 오류가 계속 나는데 작동은 해서 질문드립니다. 아 참고로 카드 이동할 때 마다도 오류가 납니다 ㅠ_ㅠ <오류> - 이런식으로 납니다 TypeError: this.cDragger.destory is not a function
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
컨텍스트 객체 외 질문1
1. ctx로 받는 '컨텍스트 객체'가 무슨 의미인가요? 2. action의 함수는 왜 대문자로 네이밍을 하는건가요?
- 해결됨트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
강의에서 나온 backend api 개발에 대해서 강의 제작된게 있을까요?
강의에서 제공된 API에 대해서 강의 제작된게 있을까요?? 또는 혹 참고할만한 강의가 있을까요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
안녕하세요 강사님
질문이 있습니다. board를 add 할때 api/index.js 파일에서 board -> create() 를 생성하셨을 때 data해당값에 title을 넘기셨는데, 세번 쨰 인자를 아래와 같이 넣으면 오류가 나고, 강사님 코드 보니깐 {title}이런식으로 넣으면 오류가 해결이 되더라구요? 이게 문법 적으로 틀려서 오류가 나는건지, 아니면 데이터를 넘길 때 json과 같이 넘기는 형식이 따로 있어서 오류가 나는건지 궁금해서 질문 드립니다. create(title) { return request('post', '/boards', title) }
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
"export 'default' (imported as 'api') was not found in '../api'
actions를 적용하는 와중 "export 'default' (imported as 'api') was not found in '../api' 에러가 발생합니다. 참고로 import * as api from '../api'로 적용시켰습니다. creat board를 이용해서 타이틀을 작성하면 모달창은 닫히는데 board가 create이 실시간으로 안됩니다. 새로고침하면 추가한 board가 생기구요..
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
api/index.js
<질문 1> `const onUnauthorized = () => { router.push('/login') } ` 이부분에서 rouer.push()를 사용하셨는데, 해당파일에 가서 보니 path : '/login'에 해당하는거 같은데 push 사용 이유가 뭔가요? push는.... 추가(?)하는 함수가 아닌가요? <질문 2> Home.vue 파일에서 board.fetch() .then(data => { this.boards = data }) .finally(() => { this.loading = false }) board.fetch()를 부르고 .then()형식으로 코드를 구성하셨는데, 그 이유가 api/index.js파일에서 보면 fetch() 함수가 return 하는게 promise 방식인 axios()라서 Home.vue에서 .then, .finalluy 이런식으로 작성하신거 같으신데 제가 이해한게 맞나요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
API 인증 토큰 관련
Login curl 명령어에서 이메일과 비밀번호를 주고 토큰을 받아오는 부분에서 저는 왜 토큰이 안받아와지나요ㅠ?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
password 입력 불가
'password'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 라는 문장이 뜹니다
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
탭 바로 하단에서 파일 경로를 알려주는 기능에 대해
기본 세트에는 없는 것 같은데 확장프로그램인가요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
서버에러 발생
안녕하세요. 백엔드개발자인데 프론트에 관심이 있어 강의 보고있습니다. 먼저 너무 멋진 강의 감사합니다. js알못이지만, 열심히 따라오고 있습니다. 보드 추가 api호출하면 아래와 같이 에러가 발생합니다. 혹시 어떤 케이스인지 알수 있을까요?? server is running localhost:3000 Error: not found at app.use (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/app.js:45:8) at Layer.handle [as handle_request] (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:317:13) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:335:12) at next (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:275:10) at serveStatic (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/serve-static/index.js:75:16) at Layer.handle [as handle_request] (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:317:13) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:335:12) at next (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:275:10) at urlencodedParser (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/body-parser/lib/types/urlencoded.js:82:7) at Layer.handle [as handle_request] (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:317:13) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:335:12) at next (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:275:10) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/body-parser/lib/read.js:130:5 at invokeCallback (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/raw-body/index.js:224:16) at done (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/raw-body/index.js:213:7) at IncomingMessage.onEnd (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/raw-body/index.js:273:7) POST /board 500 15.730 ms - 3341 TypeError: res.status is not a function at app.use (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/app.js:50:7) at Layer.handle_error (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/layer.js:71:5) at trim_prefix (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:315:13) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:335:12) at next (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:275:10) at app.use (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/app.js:45:3) at Layer.handle [as handle_request] (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:317:13) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:335:12) at next (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:275:10) at serveStatic (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/serve-static/index.js:75:16) at Layer.handle [as handle_request] (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:317:13) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:335:12) at next (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:275:10) at urlencodedParser (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/body-parser/lib/types/urlencoded.js:82:7) at Layer.handle [as handle_request] (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:317:13) at /Users/imunhaeng/workspace/vue_lecture/lecture-vue-trello-server/node_modules/express/lib/router/index.js:284:7
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
{ template: ... } 는 컴파일러가 필요한 방식이라서 안내가 필요하다고 생각합니다.
2019년 4월 현재 기준으로 보통 vue-cli 3를 이용해서 이 강좌를 쓰시는 분들이 많으실텐데 이 경우에 runtimeCompiler: false 가 기본값이어서 html 문법을 그대로 template에 지정하여 사용하면 작동하지 않습니다.
- 트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
안녕하세요
삭제된 글입니다
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
login 후 logout으로 변경되는 시점.
새로 고침을 하지 않으면 로그인 후에도 여전히 logout이 아닌 login으로 되어 있습니다.로그아웃 후에도 마찮가지고 새로고침을 하지 않으면 여전히 login으로 변경되지 않고 logout 으로 나타납니다.즉시 적용하려면 어떻게 해야 할까요?
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
로그인 폼에서 name의 역할
로그인폼의 input에 보면 email 은 name을 사용하는데password은 name을 사용하지 않는 이유가 따로 있나요?v-model이 있어서 바인딩이 되어 name이 딱히 없어도 정상 작동하는데 email에만 name을 지정한 이유가 무엇인가요??
- 미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
vue-cli 3.0 버전에서는 어떻게 해야하나요?
❯ vue init webpack-simpleUsage: init [options] <template> <app-name>generate a project from a remote template (legacy API, requires @vue/cli-init)Options: -c, --clone Use git clone when fetching remote template --offline Use cached template -h, --help output usage information Missing required argument <app-name>.이런 메시지가 뜹니다.