Vue.js 완벽 가이드

Vue.js 완벽 가이드

(10개의 수강평)

378명의 수강생

77,000원

장기효(캡틴판교)
평생
활용
수료증
94개 수업, 총 9시간 30분
Wishlist
복영훈 프로필

gist 권한좀 부탁드립니다. 복영훈 24일 전

댓글 남겼는데 응답이 아직 없네요.

권한 부탁드려요.

1
ukjae lee 프로필

HOC 와 Mixin에 관련하여 궁금한 것이 있습니다 ukjae lee 1달 전

HOC를 사용하게 되면 ListView를 렌더링에 넣어서 때문에 Mixin보다 레벨이 한 단계 더 깊어진다고 말씀 하셨는데 

그러면 아래 랜더에 ListView 대신에

export default function createListView(name) {
return {
name,
created() {
bus.$emit('start:spinner')
this.$store.dispatch('FETCH_LIST', this.$route.name)
.then(() => {
console.log('fetched')
bus.$emit('end:spinner')
})
.catch(error => {
console.log(error)
})
},
render(createElement) {
return createElement(ListView)
}
}

}render(createElement) {

return createElement(ListItem) 을 넣으면 Mixin하고 컴포넌트 간의 레벨이 같아지는데.

만약에 이렇게 하게되면 어떤 문제점이 있는지 궁금합니다.

 

0
황성인 프로필

컴포넌트 관련 질문이 있어서 문의 드립니다.~ 황성인 1달 전

안녕하세요. 리엑트 에서 vue 로 전향중인 개발자 입니다.

몇가지 질문 드리고 싶은게 있어 문의글을 올립니다.!

  1. 컴포넌트 최적화

    리엑트에서는 shouldComponentUpdate 라는 생명주기 에서 컴포넌트의 렌더링 여부를 결정하게 해서 랜더링 부분에서 최적화를 하는 부분이 있는데 vue에서는 아무리 찾아봐도 이런 컴포넌트 최적화 전략이 보이지 않아서 궁금해서 문의드립니다. 개발 코드에서 작성을 안해도 vue 자체에서 자동으로 최적화를 시켜주는 것일까요???

  2. Presentational and Container 부분

    리엑트에서는 비즈니스 로직을 담당하는 컴포넌트들을 Container 디렉토리에 넣어서 담당하고 나머지 컴포넌트 들은 전부 내부에 비지니스 로직이 없이 단순 값만 노출하는 Presentational 컴포넌트로 구성해서 사용하고 있는데요. 이를 vue에서는 보통 이러한 부분을 어떻게 나누어서 구성하는지 너무 궁금합니다.ㅠ

2
송승윤 프로필

App.vue에서 Router-View를 두 번 사용가능한가요? 송승윤 1달 전

안녕하세요,

강의를 열심히 듣던중 Zum 홈페이지를 보다가 전체화면을 중심으로 왼쪽에는 기사제목이 나오고 해당 제목을 클릭하면 오른쪽에는 기사 내용이 나오게 되는 모습을 보았습니다.

궁금해서 Router로 간단하게 구현해 보는 과정 중에 Router view가 왼쪽과 오른쪽이 중복이 되어서 나오는데요...

혹시 router-view를 하나의 화면에 두 개로 사용이 가능한지 여쭙고 싶습니다.

구글링 해서 찾아보니 아래와 같은 소스가 있긴 한데요...

const router = new VueRouter({

routes: [

{

path: '/',

components: {

default: Foo,

a: Bar

}

}

]

})

화살표 함수를 사용 중이였는데 (=>) 이럴 경우는 어떻게 하는지 궁금합니다.

  1. router-view를 두 번 사용하기
  2. route안에서 => 화살표 함수로 두 개 이상 vue를 나타내는 방법
  3. 실무에서도 router-view를 한 화면에서 많이 사용하는 가요???

1
ㅈㅎㅅ 프로필

store등을 import할 때 ㅈㅎㅅ 1달 전

import {store} from './store/index.js' 라고 쓰는 것과

import store from './store/index.js' 라고 쓰는 게 어떤 차이가 있나요?

1
풀스택 프로필

gist 권한댓글 남겼는데 언제쯤;;; 풀스택 1달 전

0
송승윤 프로필

v-for 에서 나타난 eslint-plughin-vue 에러 질문 송승윤 1달 전

안녕하세요~!

강의를 너무 잘 듣고 실습하면서 테스트 하고 있는 수강생 입니다.

다름이 아니라 현재 강의에서도 보여지듯이, div tag에서 v-for문을 사용하여 api 값을 받아 차례대로 뿌려줍니다. 그런데 빨간줄이 생기며 eslint-plughin-vue 에서

The template root disallows 'v-for' directives.

라는 경고가 나옵니다. (추가로 v-for-key도 나오긴 합니다..)

이 부분은 따로 해결 방법이 없는 건가요??

구글링과 eslint를 활성화하지 않았는데도 불구하고 계속 에러가 생기고 이젠 에러로 인식을 하는지 화면에 해당 api 값을 뿌려주지 못합니다.

감사합니다!

1
풀스택 프로필

앱을 만들면 화면 좌측에 메뉴리스트와 메뉴슬라이드 버튼같은것 풀스택 1달 전

앱을 만들면 화면 좌측에 메뉴리스트와 메뉴슬라이드 버튼같은것이

기본으로 들어가는데

그것에 대해서는 안만드나요??

강의에서 다루지 않는다면

참고 할 만한 사이트 있을까요?

angularJs에서는 ionic이라는

편리한 도구가 있었는데

vueJs도 그런것이 있는지 궁금합니다

2
박찬희 박 프로필

Vue에서 methods: 부분관련 this 박찬희 박 2달 전

methods: {

add1() {

console.log(this); // 이건 제대로 전역 가리킴

},

add2: () => {

console.log(this); // 이건 스코프내의 this를 가리킴

}

}

이 둘이 왜 이렇게 차이가 나나요?

화살표함수일때 전역 가리키는줄 알았는데ㅠㅠ

1
최성훈 프로필

입력, 수정, 삭제 예제가 필요합니다. 최성훈 2달 전

조회 부분은 강의 듣고 잘 따라해서 되었는데.. 입력, 수정, 삭제는 어떻게 하는지 부탁드립니다.

1
성하나 프로필

안녕하세요 성하나 2달 전

gist에 아이디 남겼어요 확인부탁드려요

1
Yu Jae Seung 프로필

예제로 보여주신 컨트롤드 컴포넌트에서 input이 여러개 존재할경우에는.. Yu Jae Seung 2달 전

value라는 props와 input이라는 이벤트가 여러개의 input요소를 가지고 있을 경우에는

어떻게 구분을 할 수 있을까요? ㅜㅜ

2
권보람 프로필

vue의 버전 3에서 권보람 3달 전

'비공개 리포지토리 소개 및 뷰 CLI 설명' 부분에서 올려주신 강의를 따라해보려고 했는데요

기존 vue init webpack-simple vue-news 이 명령어가 기존의 cli를 만들어 주는 명령이라고 하셨는데 이게 제 vue버전이 3.4.1라는데 실행이 안되서 찾아보니까 버전 3에서는 해당 명령어가 사용이 안되나 봐요 ( https://stackoverflow.com/questions/49768034/command-vue-init-requires-a-global-addon )

선생님은 어떻게 실행시키신건가요? ㅜ.ㅜ!ㅎㅎ

그리고 저는 윈도우즈를 사용하고 있고 vue를 처음 공부하는데요

강좌에 vue를 설치하는 부분이 없는거 같아서요! (맞나요?ㅠ)

이것저것 구글링을 해서 설치를 했는데 저처럼 모르는 분이 계실까봐 ㅠㅠ 혹시 참조를 해주실수 있으실까요?

2
Yu Jae Seung 프로필

비공개 리포지토리 권한 추가 부탁드립니다. Yu Jae Seung 3달 전

확인을 안하시나봐요.. ㅜㅜ ...

1
hidepink 프로필

강의 잘보고 있습니다! hidepink 3달 전

그런데 강의도중 자꾸 중급강좌를 참조하라고 언급이 되고 링크를 누르면 볼수가 없는데요

중간에 언급된 중급강좌 링크내용은 결제해야만 볼수있는 부분들인가요?

필요하다면 중급강좌도 수강하겠지만 최소한 링크를 올려주신 부분은 확인할수 있었으면 좋겠습니다

1