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

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

(19개의 수강평)

520명의 수강생
55,000원
지식공유자 · 김정환
55회 수업 · 총 7시간 29분 수업
평생 무제한 시청
수료증 발급 강좌
수강 난이도 '중급'
쀼뷰 프로필

쌤 도와주세요 쀼뷰 2달 전

11:40 부터 진행하는 '폼의 바깥을 누르면 닫히는기능'을 하고 있는데요.. (제 코드에 오타가 있을까봐) AddCard.vue와 List.vue를 전부 복붙도 해봤습니다. 복붙을 해도 안된다면 어디에서 문제가 있는걸까요? 저것만 적으면 잘되던 Add Card도 펼쳐지지 않습니다 ㅠㅠ. 오류를 해결할수있는 방법을 알려주셨으면 합니다.

mounted() {
    this.setupClickOutside(this.$el)
  },
  methods: {
    setupClickOutside(el) {
      document.querySelector('body').addEventListener('click', e => {
        if (el.contains(e.target)) return 
        this.$emit('close')
      })
    }
  }

2
naanaceshare 프로필

scafloding-init 브랜치를 언제 작성했나요? naanaceshare 2달 전

git clone 한 후 master 브랜치밖에 없었는데 scafloding-init 브랜치가 어떻게 생긴거죠? 제가 못 본건지.. scafloding-init 브랜치를 언제 작업했나요?

1
naanaceshare 프로필

Git 에 올리면서 작업하려고 하는데 webpack-simple 레이아웃은 security error 가 발생합니다. naanaceshare 2달 전

레이아웃 버전이 너무 낮은 것 같아요. ㅠ

1
s3ong ha 프로필

vue lecture Trello server ,npm install 에러 s3ong ha 2달 전

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

 

 

어떻게 해결하죠

2
루트원 프로필

sass 를 안쓰는 이유가 혹시 있으신가요? 루트원 3달 전

이유도 듣고 싶었는데 강의 내에서 이유는 언급해주시 않으셔서 질문드립니다!

1
qudgk0006@naver.com 프로필

Node JS 와 Vue CLI 버전을 추천해주실 수 있나요? qudgk0006@naver.com 4달 전

안녕하세요. 이제 막 강의를 듣게 된 학생입니다.

그런데 기존에 Node.js 를 사용해본 경험이 없어서

시작하기 카테고리에서

4 번째 강의인 코드 스캐폴딩 강의를 듣던 중,

윈도우에서 Node js 를 설치하고 명령 프롬프트 창을 연 뒤 Vue CLI  를 설치하는 것 까진 됐으나

vue init webpack-simple 명령어를 실행했을 때

프로젝트 이름까지만 적어지고 그 다음부터는 아예 콘솔창이 반응을 하지 않게 되더군요..

구글링을 해보니 버전 때문이라는 말이 있던 것 같습니다. 그래서 다운그레이드를 해보고

뷰CLI 공식문서에 있는 추천 버전도 사용해보았으나, 해결이 되질 않았습니다.

 

혹시 문제가 발생하지 않는 버전을 추천해주실 수 있을까요?

 

 

1
이유정 프로필

강사님 이유정 4달 전

cDragger를 처음에 초기화할 떄 null로 설정하면 

setCardDraggable() 의 로직을 돌 때
 
if(this.cDragger) this.cDragger.destory()
이 코드가 오류가 나지 않나요?
 
처음 초기값이 drgaula객체를 할당 해준것도
아니지 않나 싶어서요.
제가 실제로 저 코드 부분에서 오류가 계속 나는데
작동은 해서 질문드립니다.
아 참고로 카드 이동할 때 마다도 오류가 납니다 ㅠ_ㅠ
 
<오류> - 이런식으로 납니다
TypeError: this.cDragger.destory is not a function
 

1
임국태 프로필

컨텍스트 객체 외 질문1 임국태 4달 전

1. ctx로 받는 '컨텍스트 객체'가 무슨 의미인가요?

2. action의 함수는 왜 대문자로 네이밍을 하는건가요?

0
홍태환 Hong 프로필

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

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

2
이유정 프로필

안녕하세요 강사님 이유정 4달 전

질문이  있습니다.

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 4달 전

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 이유정 4달 전

<질문 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 5달 전

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

 

0
Maria 프로필

password 입력 불가 Maria 5달 전

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

배치 파일이 아닙니다.

라는 문장이 뜹니다

3
김무훈 프로필

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

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

0