트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

(12개의 수강평)

438명의 수강생

55,000원

김정환
평생
중급
수료증
55개 수업, 총 7시간 29분
Wishlist
홍태환 Hong 프로필

강의에서 나온 backend api 개발에 대해서 강의 제작된게 있을까요? 홍태환 Hong 1일 전

강의에서 제공된 API에 대해서 강의 제작된게 있을까요?? 또는 혹 참고할만한 강의가 있을까요?

0
이유정 프로필

안녕하세요 강사님 이유정 14일 전

질문이  있습니다.

board를 add 할때 api/index.js 파일에서  

board -> create() 를 생성하셨을 때 data해당값에 title을 넘기셨는데, 

세번 쨰 인자를 아래와 같이 넣으면 오류가 나고,

강사님 코드 보니깐 {title}이런식으로 넣으면 오류가 해결이 되더라구요?

이게 문법 적으로 틀려서 오류가 나는건지, 아니면 데이터를 넘길 때 json과 같이 넘기는 형식이 따로 있어서 오류가 나는건지 궁금해서 질문 드립니다.

create(title) {
return request('post', '/boards', title)
}
 

0
8miles 프로필

"export 'default' (imported as 'api') was not found in '../api' 8miles 16일 전

actions를 적용하는 와중

"export 'default' (imported as 'api') was not found in '../api'

에러가 발생합니다.

참고로 import * as api from '../api'로 적용시켰습니다.

creat board를 이용해서 타이틀을 작성하면 모달창은 닫히는데 board가 create이 실시간으로 안됩니다. 새로고침하면 추가한 board가 생기구요..

0
이유정 프로필

api/index.js 이유정 21일 전

<질문 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 이런식으로 작성하신거 같으신데 제가 이해한게 맞나요?

0
student 프로필

API 인증 토큰 관련 student 1달 전

Login curl 명령어에서 이메일과 비밀번호를 주고 토큰을 받아오는 부분에서 저는 왜 토큰이 안받아와지나요ㅠ?

 

0
Maria 프로필

password 입력 불가 Maria 1달 전

'password'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는

배치 파일이 아닙니다.

라는 문장이 뜹니다

2
김무훈 프로필

탭 바로 하단에서 파일 경로를 알려주는 기능에 대해 김무훈 1달 전

기본 세트에는 없는 것 같은데 확장프로그램인가요?

0
개발공용dev 프로필

서버에러 발생 개발공용dev 1달 전

안녕하세요. 백엔드개발자인데 프론트에 관심이 있어 강의 보고있습니다.

먼저 너무 멋진 강의 감사합니다.

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

 

0
BG Choi 프로필

{ template: ... } 는 컴파일러가 필요한 방식이라서 안내가 필요하다고 생각합니다. BG Choi 2달 전

2019년 4월 현재 기준으로 보통 vue-cli 3를 이용해서 이 강좌를 쓰시는 분들이 많으실텐데 이 경우에 runtimeCompiler: false 가 기본값이어서 html 문법을 그대로 template에 지정하여 사용하면 작동하지 않습니다.

1
chuhojin 프로필

안녕하세요 chuhojin 2달 전

추가 할때 서버에서는 어떤 역할을 하나요?

1
K DoKy 프로필

login 후 logout으로 변경되는 시점. K DoKy 2달 전

새로 고침을 하지 않으면 로그인 후에도 여전히 logout이 아닌 login으로 되어 있습니다.

로그아웃 후에도 마찮가지고 새로고침을 하지 않으면 여전히 login으로 변경되지 않고 logout 으로 나타납니다.

즉시 적용하려면 어떻게 해야 할까요?

0
K DoKy 프로필

로그인 폼에서 name의 역할 K DoKy 2달 전

로그인폼의 input에 보면 email 은 name을 사용하는데

password은 name을 사용하지 않는 이유가 따로 있나요?

v-model이 있어서 바인딩이 되어 name이 딱히 없어도 정상 작동하는데 email에만 name을 지정한 이유가 무엇인가요??

0
saru 프로필

vue-cli 3.0 버전에서는 어떻게 해야하나요? saru 3달 전

❯ vue init webpack-simple

Usage: 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>.

이런 메시지가 뜹니다.

2
스튜디오블룸 프로필

pm2를 이용해 계속 서버를 유지하는방법을 알 수 있을까요..? 스튜디오블룸 3달 전

노드 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과 동일한 경로로 변경했습니다 뭐가문제인지 모르겠네요...

1
스튜디오블룸 프로필

6:05 쯤에 설명해주신부분 질문드려요 스튜디오블룸 3달 전

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 가 가능한지 잘모르겠습니다

1