정말 감사합니다. 리액트js로만 공부해서 신입으로 입사하는데 새 직장에서는 vue를 사용한다고 해서 급하게 서점에서 얇지만 친절한 책을 찾아보다가 'vue.js 프로젝트 투입 일주일 전'이라는 책을 골랐고 이 영상까지 보게 되었어요. 1시간이 이렇게 알차게 구성되어있을 줄은 몰랐네요. 앞으로도 승원님 다른 컨텐츠들도 애용하게 될 것 같습니다. 제가 비전공자이기도 하고 이해가 느린 편인데 정말 어렵지 않게 머리에 쏙쏙 잘 들어왔습니다. 감사합니다 :)
안녕하세요. 개발자의품격님 vue2에서 api 조회 페이지를 개발할 때, 해당 메서드를 created 에 넣으면 , 처음에는 맞게 호출되지만 검색 페이지라서 해당 페이지로 라우터를 통해 다시 이동하면, 이전의 검색 데이터를 가지고 있습니다. 그럼 created에 api 조회 메서드를 넣고 updated에도 넣어야 할까요?
안녕하세요. 질문이 있습니다. 35:00 쯤에 있는 data() { return {title:'개발자의품격'}} 이것을 위에서 표현식으로 바인딩하셧는데, 원래는 data라는 함수를 불러와서 data.title 이런식이 되어야 하지 않나요?ㅠㅠ 이해가 안됩니다. 어떻게 바로 함수안에 변수를 불러오는지를요... 감사합니다.
와...이 강좌를 이제야 발견하다니^^...진짜 내공이 느껴집니다. 감사합니다. 본 강좌와는 좀 동떨어진 질문입니다만, vue로 개발할 경우 rest api의 키가 노출될 위험이 있어 다른 언어로 개발을 하는 것이 좋겠다는 말을 들었는데...사실인가요? vue로 어느 정도 진행이 된 상태라...고민이 많이 되네요. 감사합니다~
개발자의 품격님 질문있습니다. 제가 vue와 nodejs를 사용해서 다른 다수의 pc에 특정폴더 내 파일의 버젼관리 프로그램을 만들어보려고 하는데요 pc에서는 c#으로 작성된 프로그램으로 포트 리스닝 대기상태로 두고 특정 커맨드가 날라오면 파일의 정보를 요청서버로 전송하게 만들려고합니다. pc쪽 프로그램은 어느정도 만들었는데 웹서버는 처음 접하니 모르는게 너무 많네요 vue에서 pc쪽으로 커맨드를 보내려면 어떻게 해야하나요?
지금 이걸 보고 따라하고 있는데 페이지가 하얗고 아무것도 안뜨는 저같은 사람들을 위해 남깁니다 강의에 나온대로 vue-router를 install하면 vue3를 위한 버전 4.x.x대의 router가 설치됩니다 그럼 아무것도 안뜨더라구요 라우터를 설치하실때 vue2를 위한 버전 3.x.x대의 라우터를 설치하세요
강좌 잘보고 있습니다. 아래와 같이 25분정도까지 따라하다 compile이 안되는데, Failed to compile. ./src/components/layout/Header.vue Module Error (from ./node_modules/eslint-loader/index.js): D:\VSC\VUEJS\test\src\components\layout\Header.vue 50:11 error Parsing error: Unexpected token, expected "{" 1 | > 2 | export defalut { | ^ 3 | name: "header", 4 | } 5 | ✖ 1 problem (1 error, 0 warnings) route 맞게 했는데도 이러네요. App .vue에서는 아래와 같은 에러메세지가 나오고요. 설명 가능하실까요? Already included file name 'd:/VSC/VUEJS/test/src/components/layout/Header.vue' differs from file name 'd:/VSC/VUEJS/test/src/components/layout/header.vue' only in casing. The file is in the program because: Imported via "./components/layout/Header.vue" from file 'd:/VSC/VUEJS/test/src/App.vue' Root file specified for compilation Root file specified for compilationVetur(1261)
vue 같은 것이 spa를 구현하기 위해 사용하는 것인가요? 유지보수와 생산성이 좋아서 사용을 하는 것인가요? 이 영상으로는 쉽게 처리할 것을 더 어렵게 처리하는 것 아닌가하는 생각이 들어서요. 또 부트스트랩도 vue, react 등등 각기 다른 것을 사용하면 더 복잡해지는 것이지 더 좋아지는 것이 있을지 좀 생각이 들었습니다.
@@thegreat-programmers 어디에요..? 저도 똑같이 router 임포트 후 화면 공백 뜨는 문제를 겪고 있어서 답답하네요. 혹시 말씀하시는 해결방안이 router.js에서 export default router 를 추가로 적는 거 말씀하시는 건가요? 그렇게 해도 빈 화면으로 뜹니다...
혹시 npm run serve 실행하면 화면에 아무것도 안뜨는 분들께 공유합니다.
✔vue cli 설치 : npm install -g @vue/cli
✔vue 폴더 생성 : vue.cmd create test
(vue create test 오류나시는 분들 이렇게쓰시면 됩니다
그리고 vue2로 설치 해야합니다!!! )
✔vue-router 설치 : npm install vue-router@3
(npm install vue-router --save 오류나시는 분들 이렇게 쓰시면 됩니다. 참고로 @3은 버전!)
✔bootstrap-vue 설치 : npm install vue bootstrap-vue bootstrap
두시간 삽질하다가 찾아냈네요ㅎ_ㅎ.....
라우터 버전이랑 vue버전이 맞아야지만 호환이 되는 뭐 그런상황인것같네요....
24:20 router.js 마지막줄에 export default router; 설명이 빠져있습니다.
에러페이지 뜨시는 분들은 추가해주세요~
유튜브 영상 보충설명란에 이 부분 설명이 나와 있습니다. 그래도 이렇개 챙겨주셔서 감사합니다
한참 헤메다가 이 댓글 보고 수정했습니다. 감사합니다.
저도 이거 보고 해결했네용. 와우! 감사합니다. 엄청 헤멨네용.. 헤헤
진작이 읽어 볼껄 그랬습니다 ㅎ
한참 헤맸습니다. ㅎ
감사합니다.
vue js의 라이프 사이클에서 부터 라우팅과 데이터의 컨트롤을 한시간만에 볼수 있었던 최고의 파이프라인 수업이었습니다 !! 잘 봤습니다 !!
감사합니다! 강의 퀄리티가 아주 뛰어납니다!! 중간에 계속 에러가 나길래 뭐지뭐지 뭘 잘못했지 ㅜㅜㅜ 하면서 영상 돌려보다가 마지막줄에 export 빠진걸 발견했네요... 혹시나 하고 댓글봤더니.. 역시 ㅋㅋ;; 저만 이런게 아니었군용
유튜브 강의 중에 최고인 것 같아요 ㅎㅎㅎ 몇 개월 안에 채널 급성장 하실거에요! ㅎㅎㅎ
감사합니다
한시간 만에 수준높은 기초 강의를 해주셔서 감사합니다.
너무 허접하지도 않고
너무 복잡하지도 않고
좋아요~
진짜 속성이네요.. 빠르게 어떻게 사용하는 건지 이해가 되었습니다. 감사합니다.
도움이 되었다니 정말 다행입니다. 감사합니다.
회사에서 오래 써왔는데 정작 개념은 부족한것이 느껴져 강의를 듣게 되었습니다. 꼼꼼하게 설명해주셔서 감사드리고 이렇게 퀄리티높은 강의를 제공해주셔서 감사합니다^^
돈을 드려야 하나 할 정도 퀄리티 입니다. 감탄했습니다. 간단 명료 핵심적인 제대로 전달해 주셨네요.. 저처럼 다른 분야 개발자 이시라면 책보다 이 영상이 100배로 빨리 배우는 길. 추천 꽝
감사합니다
현실 개발자의 최고 강의 수준입니다! 앞으로 계속 올려주세요!! 감사합니당
감사합니다
진짜 훌륭한 강의였습니다. 뷰를 어떻게 설치하고 주요 기능을 어떻게 사용하는지, 그게 왜 필요한 것인지 잘 설명해주셔서 학습 의욕 뿜뿜하고 있습니다. 나머지는 공식문서 보면서 차근차근히 배워가겠습니다. 감사합니다.
router.js 코드 마지막 줄에 export default router 이거 안 넣어져 있어서 왜 안 되지하고 2시간 고민하다가 영상 다 보고 밑에 영상 설명란 보니까 이게 나와있네...아....
저도....................
자바스크립트 이후 react로 포트폴리오도 만들고 연습했는데, 이번에 vue를 사용하는 회사에 인턴을 시작하게 되어 주말 동안 공부하고 있어요. react에서 아리까리하던 내용들이 이 강의에서는 명확하게 이해가 되네요. 감사합니다!
감사합니다
정말 좋은 강의네요.. vue 입문 하려고 하고 있는데. 너무 쉽게 잘 설명해주셔서 정말 많은 도움이 되엇습니다 ^^
도움이 되서 다행입니다. 감사합니다
지금 버전 문제가 있는거 같은데... 에러 나오는 것들 검색해보니깐 vue2 문법부터 부트스트랩 버전 등등 입니다 ㅠㅠ 혹시 영상으로 따라했을 때 버전관련 에러 처리나 아니면 버전들을 따로 알수있을까요..?
너무 잘 들었어요! vue3 강의도 하실 예정이 있으신가요?
네 vue3 강의와 책이 같이 준비될 예정입니다
정말 감사합니다.
리액트js로만 공부해서 신입으로 입사하는데
새 직장에서는 vue를 사용한다고 해서 급하게 서점에서 얇지만 친절한 책을 찾아보다가 'vue.js 프로젝트 투입 일주일 전'이라는 책을 골랐고
이 영상까지 보게 되었어요.
1시간이 이렇게 알차게 구성되어있을 줄은 몰랐네요.
앞으로도 승원님 다른 컨텐츠들도 애용하게 될 것 같습니다.
제가 비전공자이기도 하고 이해가 느린 편인데 정말 어렵지 않게 머리에 쏙쏙 잘 들어왔습니다.
감사합니다 :)
구독이랑 좋아요 눌르고 자주 볼게요 감사합니다^^
진짜 감사합니다. 정말 간지러운 부분만 쏙쏙알려주시네요!!
감사합니다
jqeury만 사용해서 개발했던것과 비교하면서 들었더니 상당히 편리하고 파워풀하다는게 느껴지네요 좋은영상 감사합니다 한시간만에 많은걸 배웠어요
선생님 강의를 넘 잘하셔요.
다른 영상도 그렇고 계속 도움받고 있어요.
감사합니다
도움이 된다니 정말 다행입니다. 감사합니다
강의 잘들었습니다!
근데 강의에서 사용한 vue 버전이 2.x인데 최신버전인 vue3에서는 라우터나 main.js 방식이 바뀌었더라구요. 혹시 3버전에서 강의 내용을 똑같이 따라하면 오류가 나나요?
네 오류가 납니다. 저희 강의 영상중 제품판매웹앱 구현 시리즈 강의가 있는데, 거기서는 vue 3버전으로 진행했습니다. 그거 보시면 도움이 될거예요.
그리고 인프런에 “Vue.js 제대로 배워볼래?”라는 강의가 Vue 3버전에 대한 전체 내용을 모두 다루고 있습니다.
많은 도움이 되었습니다.. 진심으로 감사드립니다.. ^^
감사합니다
안녕하세요. 개발자의품격님 vue2에서 api 조회 페이지를 개발할 때, 해당 메서드를 created 에 넣으면 , 처음에는 맞게 호출되지만 검색 페이지라서 해당 페이지로 라우터를 통해 다시 이동하면, 이전의 검색 데이터를 가지고 있습니다. 그럼 created에 api 조회 메서드를 넣고 updated에도 넣어야 할까요?
진짜다.. 진짜가 나타났다!!!
구독 좋아요 알람 설정까지!!!
설명 잘하시네요! 감사합니다
지금 vue 사용이랑은 조금 다른것 같지만 전체적인 흐름을 한시간 만에 짚어주는 정말 좋은 강의였습니다 감사합니다!!
안녕하세요.
질문이 있습니다.
35:00 쯤에 있는 data() { return {title:'개발자의품격'}}
이것을 위에서 표현식으로 바인딩하셧는데, 원래는 data라는 함수를 불러와서 data.title 이런식이 되어야 하지 않나요?ㅠㅠ
이해가 안됩니다. 어떻게 바로 함수안에 변수를 불러오는지를요...
감사합니다.
Data를 함수로 사용해야 여러 이점이 있습니다.
vuejs.org/v2/guide/components.html#data-Must-Be-a-Function
@@thegreat-programmers 감사합니다. 초보자에게 한줄기의 빛과도 같습니다. 꾸벅.
와.. 되게 쉽게 알려주시네요....
대단하십니다..
요점만 딱 정리 잘 해주셨네요. 도움 많이 되었습니다 ^^
강의 잘 봤습니다. 혹시 코드 볼 수 있는 깃허브 url 좀 알려주실 수 있을까요?
정리해서 공유하도록 하겠습니다
코드 : github.com/seungwongo/vuejs-1hour.git
강의 감사합니다
router 사용부문에 router.js를 따로export하지않고도 main.js에서 import할수있는이유는 eslint설정에있는건가요?
화면 영상에서 아마 export 부분에 표현이 안된것 같습니다. router.js에 export default router; 가 제일 마지막 줄에 있습니다.
답변감사합니다^^ 영상너무좋습니다 감사합니다
잘봤어요 vue.js 안쓸 이유가 없네요
진짜 오집니다 핵심만 쏙쏙; 구독 좋아요 박았습니다
좋은강의 감사합니다 ~!
강의 정말 감사합니다~
딱 알고싶었던 부분을 정확히 강의해주셨네요. 따라하기 쉽게 설명해주셔서 넘 감사해요!
강의 잘 봤습니다. 엊그제 제주도 여행가서 제레미라는 카페를 갔는데... 품격님도 거길 가셨었나보네요 ㅎㅎ 괜히 반가웠습니다
요즘 react native 보고 있는데
매우 유사 하군요. ㅎ
와...이 강좌를 이제야 발견하다니^^...진짜 내공이 느껴집니다. 감사합니다. 본 강좌와는 좀 동떨어진 질문입니다만, vue로 개발할 경우 rest api의 키가 노출될 위험이 있어 다른 언어로 개발을 하는 것이 좋겠다는 말을 들었는데...사실인가요? vue로 어느 정도 진행이 된 상태라...고민이 많이 되네요. 감사합니다~
책 보다 이해하기 쉽네요 감사합니다
잘 배우고 갑니다. 그런데 router.js에서 제일 마지막 줄이 설명에서 빠졌네요. 코드 다운로드가서 보고 확인했습니다. ㅠㅠ
네 영상 설명란에 설명해 놓았습니다
감사합니다😊 👍🏻최고
감사합니다!!!!
20년차 개발자 이제야 vue코딩 살펴봅니다. 굿잡!!
강의 잘봤습니다. 유투브 대박나세요
감사합니다
감사합니다~
덕분에 잘 개발할 수 있을것 같아요 감사합니다 :)
초심자가 보기에 너무 편하고 좋아요~!!! 고맙습니다
너무 잘 설명해주셔서 금방 이해되었습니다. 감사합니다.
ㄷㅐ바ㄱ.. 덕분에 vue 쉽게 접근하네요.감사합니다.개품(개발의품격)님!!!!!
일단 따봉 박습니다
좋은 강좌 입니다. 감사합니다.
개발자의 품격님 질문있습니다.
제가 vue와 nodejs를 사용해서 다른 다수의 pc에 특정폴더 내 파일의 버젼관리 프로그램을 만들어보려고 하는데요
pc에서는 c#으로 작성된 프로그램으로 포트 리스닝 대기상태로 두고 특정 커맨드가 날라오면 파일의 정보를 요청서버로 전송하게 만들려고합니다.
pc쪽 프로그램은 어느정도 만들었는데 웹서버는 처음 접하니 모르는게 너무 많네요
vue에서 pc쪽으로 커맨드를 보내려면 어떻게 해야하나요?
보안상 웹으로는 불가능할것 같구요. Electron으로 vue를 데스크탑앱으로 구현하면 가능할것 같습니다
초반 설치부터 안되네요 ㅠㅠ
5분보다가 포기..
vue 책을 한권 다 본 것 같아요. 정말 도움 많이 되었습니다. 감사합니다~
핵심만 알려주셔서 너무 좋아용😊 감사합니다!
요약이 잘된 좋은 강의입니다.
정말 감사합니다 :)
지금 이걸 보고 따라하고 있는데 페이지가 하얗고 아무것도 안뜨는 저같은 사람들을 위해 남깁니다
강의에 나온대로 vue-router를 install하면 vue3를 위한 버전 4.x.x대의 router가 설치됩니다 그럼 아무것도 안뜨더라구요 라우터를 설치하실때 vue2를 위한 버전 3.x.x대의 라우터를 설치하세요
th-cam.com/video/QVVzMc0Yo14/w-d-xo.html
이 영상 참조하세요
와!!! 감사해요 30분 동안 고생했는데, 말씀대로 하니 바로 동작하네요 !! 감사합니다!!
완전 초보자 입니다.
따라해보려고 하는데 VSCode 터미널을 사용하려면 node.js 설치가 된 상태여야 하는건가요??
네 맞습니다
앵귤러 조용히 얌전하게 기다리고 있습니다! 어서 천천히 빨리 만들어주세요.. 다른것두 많이 만들어주셔도 되요. 강의 너무 젛아요 감사합니다!!!
네 조만간 준비해 보도록 하겠습니다. 앵귤러는 타입스크립트를 별도로 진행한 후 가능할것 같네요.
감사합니다.
잘봤습니다. 감사합니다.
감사합니다
선생님 설치하신 버전들 알려주실수있으실까요? 현재해볼려고 하니 버전문제로 안되는것같습니다.
vue-router를 못 불라와요. ㅜ ㅜ 버전 바꾸면 된다는 의견이 많아 요래저래 버전 바꿔봤는데도 못 읽어오네요. ㅜ ㅜ
안녕하세요? 코린이 입니다. 저희 회사에서는 HTML대신 jsp를 사용하는데 jsp안에서도 vue를 똑같이 사용할 수 있나요???
아니면 jsp대신 -> 확장자 .vue를 통해서만 별도로 작업을 해야되는건가용???
강좌 잘보고 있습니다. 아래와 같이 25분정도까지 따라하다 compile이 안되는데,
Failed to compile.
./src/components/layout/Header.vue
Module Error (from ./node_modules/eslint-loader/index.js):
D:\VSC\VUEJS\test\src\components\layout\Header.vue
50:11 error Parsing error: Unexpected token, expected "{"
1 |
> 2 | export defalut {
| ^
3 | name: "header",
4 | }
5 |
✖ 1 problem (1 error, 0 warnings)
route 맞게 했는데도 이러네요. App .vue에서는 아래와 같은 에러메세지가 나오고요. 설명 가능하실까요?
Already included file name 'd:/VSC/VUEJS/test/src/components/layout/Header.vue' differs from file name 'd:/VSC/VUEJS/test/src/components/layout/header.vue' only in casing.
The file is in the program because:
Imported via "./components/layout/Header.vue" from file 'd:/VSC/VUEJS/test/src/App.vue'
Root file specified for compilation
Root file specified for compilationVetur(1261)
구독할게요 감사합니다
vue 같은 것이 spa를 구현하기 위해 사용하는 것인가요? 유지보수와 생산성이 좋아서 사용을 하는 것인가요? 이 영상으로는 쉽게 처리할 것을 더 어렵게 처리하는 것 아닌가하는 생각이 들어서요. 또 부트스트랩도 vue, react 등등 각기 다른 것을 사용하면 더 복잡해지는 것이지 더 좋아지는 것이 있을지 좀 생각이 들었습니다.
너무 잘봤습니다ㅎㅎ이해가 잘되네여
vue 버전이 3인가요? 맨 처음 vue create할 때 2 또는 3 선택하라고해서 3선택하고 진행하긴 했습니다만
이 영상을 찍은 시점에는 아마 2.6일 거예요
@@thegreat-programmers 감사합니다
강의 도움 많이 됐습니다. 감사합니다!
Home과About경로가 ./components/views/ 아닌가요? 영상으로는 ./views 로 되어있어서 오류가 납니다.
감사합니다.
강의 잘 보고 있습니다. 궁금 한 점이 있는데 template 수정 후에도 무조건 npm run serve를 해주어야하나요? 개발이나 운영 중 수정할 때 재실행 시간이 너무 오래 걸리네요.
너무 유익한 강좌였습니다!
감사합니다. ^_^
25:55
좋은 강의 감사합니다.
주업은 따로 있고 부업으로 한번 해보려고 하는데 많은 도움 받았습니다. 옛날에 캐글도 하고 그랬었는데 ㅎㅎ 잘봤습니다.
ebook 구매하고 싶은데 구글플레이북에는 없는것같은데 등록해주실수 있으실까요?
어우 복잡스.머리아프네요. ㅎㅎ 뷰 만든사람은 잘난척하려고 이런 개념으로 만든걸까요 . ㅠ
오류나서 2시간동안 구글링해서 찾았는데 아래 글이 있었네요 ㅜㅜ 그래도 좋은강의 감사합니다
윈도우 환경에서 실행중인 경우에는, "vue" 를 "vue.cmd" 라고 하니까 되네요 !!
Vue.js 3.x 버전 영상 링크를 누르니 비공개로 볼수가 없네요....
안녕하세요 강의영상 보고 따라하는데 main.js에서 router를 추가하기전까진 nav bar도 나오는데 main.js에 router를 임포트하게 되면 화면이 공백으로만 뜨네요 아무런 에러도 없이...ㅠ
도저히 원인을 모르겠는데 이유를 알 수 있을까요??
영상 상세설명 보시면 해결방안을 적어놨습니다
@@thegreat-programmers 어디에요..? 저도 똑같이 router 임포트 후 화면 공백 뜨는 문제를 겪고 있어서 답답하네요. 혹시 말씀하시는 해결방안이 router.js에서 export default router 를 추가로 적는 거 말씀하시는 건가요? 그렇게 해도 빈 화면으로 뜹니다...
저도 동일한 증상으로 30분 가량 고생하다가 댓글중에 김유진님 이 말씀 주신것 처럼 하니 바로 되네요..!
터미널에서
npm install vue-router@3
라고 치고, 설치 뒤 npm run serve 하니까 바로 되네요 ^^
@@JuneHeeHane 혹시 vue랑 router 버전 알려주실 수 있을까요? 저도 흰화면으로 고통받고 있는데 npm install vue-router@3으로 깔아도 흰화면이 나와서요ㅠㅠ
Vue 3.0 프로젝트 설치하기 (Vue CLI 이용해서)
th-cam.com/video/QVVzMc0Yo14/w-d-xo.html
vue 4시간에 끝내는 강의보고 싶은데 비공개네요.. ㅠㅠ 혹시 앞으로도 계속 못보나요?
24시간 짜리 강의로 인프런에 공개될 예정입니다
안녕하세요 vscode공부겸 찾아왓는데
혹시 다른이야기지만 vscode로도 백엔드개발이 가능한가 싶어남겻습니다
가능합니다
vue2 만질 일이 생겨서 봤는데 엄청 알차네요ㅎㅎ 감사합니다 :)
죄송한데.. 강의에서 사용하시는 툴이 먼가요??
목소리가 YG같아요!
YG면 안좋은거죠?? ㅎㅎ
@@thegreat-programmers 아녜요 ㅋㅋㅋㅋ
강의가 정말 많은 도움이 되었습니다. 개념 잡는데 정말 유익했습니다!
너무 유익합니다. 감사합니다
선생님 안녕하세요. vue3 세시간 강죄가 왜 없어졌을까요ㅠㅠ 공부하는 중인데 너무 보고싶어요
해당 강좌는 24시간 강의로 인프런에 유료로 오픈이 되었습니다
쉽게 잘 설명해주셔서 감사합니다!
Welcome to home 보다는 home이 많이 쓰임 home부사로도 쓰이는데
mac이랑 윈도우랑 명령어 차이 없는거 맞나요?
템플릿 그냥 쓰셨는데 안써도 되나요? 쓰는 이유는 뭔가요?
입문으로 딱이네요 쌩유~~
많은 도움이 되었습니다 감사합니다^^