Vue.js 완벽 가이드

Vue.js 완벽 가이드

(44개의 수강평)

776명의 수강생
77,000원
지식공유자 · 장기효(캡틴판교)
96회 수업 · 총 9시간 53분 수업
평생 무제한 시청
수료증 발급 강좌
수강 난이도 '활용'
주현 프로필

gist 로그인 되어있는데 여전히 clone이 안됩니다ㅜㅜ 주현 5시간 전

깃헙 로그인이 되어있는데도 안되는 이유를 모르겠어요..ㅜㅜ

1
주현 프로필

gist 추가해주셨다고 했는데 주현 8시간 전

왜 clone이 안될까요..?ㅠㅠ repository not found로 나옵니다.

깃헙 아이디 joo168입니다.

2
Eulsoo Jung 프로필

해커뉴스의 포함관계의 댓글 구현시 질문 Eulsoo Jung 1일 전

안녕하세요. 강사님!

해커뉴스의 ask에서 질문을 클릭하면 하나의 질문 item 페이지로 가게 되는데요.

거기서 댓글을 보면 댓글> 댓글> 댓글 이런식의 트리구조가 생기는 걸 볼수 있습니다.

json 데이타도 comments > comments > comments... 이런 다차원 배열로 되어있죠.

이부분을 어떻게 itemView.vue에서 <ul><li><ul><li>...포함 구조를 렌더링 할 수 있을지 궁금합니다. 

얼마나 깊어질지 모르는 이런 상태에서 v-for를 써야하는지, 아니면 포함관계 태그를 문자열로 만들어 v-html로

넣어야 하는지 만약 그렇다면 어떻게 구현할 수 있는지 궁금합니다.

혹시 강사님이 이부분의 트리구조 댓글을 구현해 놓으신게 있다면 부탁드리겠습니다.

1
symoon 프로필

gist 권한 요청했습니다!! symoon 4일 전

영상에 있는 gist가 없어서 패캠꺼에 올렸어요..

3
흐미부자얍 프로필

vuejs와 궁합이 찰떡인 DB는 어떤걸 사용하면 될까요? 흐미부자얍 6일 전

강의를 듣고있는데 DB활용 부분도 해보려 하는데.. ㅎㅎ 어떤 DB를 사용하면 좋을까 해서 질문남깁니다~!

1
pgyunjae 프로필

"error: Unexpected console statement (no-console) at ..." 에러 관련 질문입니다. pgyunjae 8일 전

안녕하세요!

async-await 강의 및 실습을 위해 제가 아래와 같이 신규 프로젝트를 생성 했습니다.

PS C:\Dev_Env\workspace\vue-advanced\cd async-await

PS C:\Dev_Env\workspace\vue-advanced\ async-await >npm install

PS C:\Dev_Env\workspace\vue-advanced\ async-await >npm install -g @vue/cli

PS C:\Dev_Env\workspace\vue-advanced\ async-await >npm install --save axios

PS C:\Dev_Env\workspace\vue-advanced\async-await> npm run serve

참고로 Vue 버젼은 아래와 같습니다.

PS C:\Dev_Env\workspace\vue-advanced\async-await> vue -V

@vue/cli 4.0.5

질문 : 실습을 위해 app.vue의 console.log를 수정 했더니 아래와 같이 에러가 나옵니다.

98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 errors                                  11:15:58 AM

 error  in ./src/App.vue

Module Error (from ./node_modules/eslint-loader/index.js):

error: Unexpected console statement (no-console) at src\App.vue:20:27:

  18 |     loginUser() {

  19 |       axios.get('https://jsonplaceholder.typicode.com/users/1')

> 20 |         .then(response => console.log('tt', response))

     |                           ^

  21 |         .catch(error => console.log(error));

  22 |     },

  23 |   },

추가로 package,json의 내용중 no-console의 옵션울 off로 수정하면 된다는 내용이 있어 추가 했는데 결과는 동일합니다.

물로 추가후 vue run serve를 리부팅했습니다.

        "rules": {},
        "parserOptions": {
            "no-console""off",
            "parser""babel-eslint"
       }

1
Joon Woo Park 프로필

style scoped 관련 문의드립니다 Joon Woo Park 16일 전

안녕하세요 강사님

입문->중급->완벽 강좌까지 잘 수강하고 있습니다

음 근데 저는 강사님이 적용하시는 style scoped가 해당 컴포넌트에만 명시한 스타일이 적용되게 하는것으로 알고 있는데,  저 같은 경우에는 style scoped가 동작을 안하네요. scoped를 삭제하면 스타일이 적용이 됩니다 그래서 여태까지 강의를 듣는동안 style에 scope는 적용하지 못했네요.

위 같은 경우가 발생할 수 있는 경우가 있나요?

https://github.com/JayPark0128/Vue-Board/blob/master/src/components/UserProfile.vue

혹시 몰라 제가 작성한 코드를 올립니다

감사합니다.

1
안지혁 프로필

cli 4버전... 안지혁 18일 전

안녕하세요. 

강의 제작 기간이 조금 지났는지 

제가 설치하니 cli 버전이 4버전이더라구요..

3버전이랑 4버전 프로젝트 구성은 비슷한건데 어떤게 좀 다른지

알려 주실 수 있으신가요?? 그리고 이 강좌가 4버전대에서 

개발하는 환경이나 요즘 개발하시는 방법등이 크게 다르지 

않은지 궁금합니다.

1
jisu103 프로필

아래에 있는 링크는 내용이 없습니다. jisu103 23일 전

혹시 다시 올려줄 수 있으신가요?

1
p10040716 프로필

'myChart' is assigned a value but never used p10040716 23일 전

chart.js 라이브러리 강좌를 듣는중에 

'myChart' is assigned a value but never used 이런 오류가 뜨는데요. 사용하지 않더라도 정의는 가능한거 아닌가요?

제가 혹시 놓친 부분이 있을까요?

2
jisu103 프로필

scaffold 적으면 아무것도 안 나옵니다?? jisu103 26일 전

vetur 세로운 버전에서 scaffold 대신 vue를 적으면 됩니다.

1
p10040716 프로필

49강 slot 강의 중 질문 p10040716 1달 전

안녕하세요. 강의를 듣다가 제가 중간에 놓친 부분이 있는지 궁금해서 질문드립니다.

지금까지 따라 온다고 따라왔는데요

ListItem에서 title 영역과 username 영역을 클릭하면 보이는 유저정보를 구성하는중에

<template v-else>
                            <router-link v-bind:to="`item/${item.id}`">
                                {{ item.title }}
                            </router-link>
                        </template>
이렇게 되어있는데
강의 영상 페이지 url은 /item/21289201 이런 형태인데
실제로는 /item?id=21289201 이렇게 구성되면서 강의내용대로 구성한 페이지가 로딩되지 않고 있어요.
제가 뭐 놓친 부분이 있나요?

3
developer 프로필

gist 권한 요청했습니다. 수락 부탁드립니다. 2019.10.18 developer 1달 전

오늘도 즐거운 하루 되세요. 

1
ch.mint 프로필

gist 권한 요청 했는데 추가 부탁드립니다. ch.mint 1달 전

gist 권한 요청 했는데 추가 부탁드립니다.

1
국민대소프트웨어학부_최락준 프로필

vuex binding undefined 국민대소프트웨어학부_최락준 2달 전

안녕하세요! 중간정리 및 스타일링 과정까지 끝마친 수강생입니다! 강의가 너무 좋아 열심히 듣고 있어요ㅎㅎ

실습을 진행하던 도중 문제가 발생하였는데 맨 처음 localhost:8080/news, localhost:8080/jobs, localhost:8080/ask 으로 요청을 보내면 전부 빈 페이지를 보여주고 toolbar에 있는news, jobs, ask를 눌러서 두번째로 요청을 보내면 제대로 된 페이지를 응답해주는 기이한 현상이 발생하였습니다... vue dev tool로 보았을 때에 분명 vuex store state에 수십개의 객체가 들어있는 배열을 저장은 정확히 해주지만 컴포넌트 자세히보기를 누르면 vuex binding부분에 있어야할 배열이 없고 undefined를 잡고 있네요... 제 스타일대로 좀 더 간소화시켜서 코드를 정리했던게 잘못일까요..

 아래는 제 코드와 문제발생 페이지입니다!

<NewsView.vue>

<actions.js>

<mutations.js>

<states.js>

<routes/index.js>

<problems>

<두번째 클릭하였을 때에는 잘 작동하는 화면>

제 견해로는 api로 데이터가 불러와지고 state에 넣는 것까지의 과정이 컴포넌트가 로딩되는 시점보다 느려서 처음 요청때에는 아무것도 안보이고 두번째 요청부터 보이는게 아닐까싶습니다...(비동기처리)  막연하게 이런 생각은 들지만 실제 코드상으로 어느 곳에서 문제인지를 파악 못하겠네요ㅠㅠ

3
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스