게시글

6만명이 선택한 평균 별점 4.9의 제로초 프로그래밍 강좌! 로드맵만 따라오면 됩니다! 클릭
강좌1 - Vue - 8년 전 등록

Vue 소개

이 글은 아직 준비중입니다. 예고편이라고 보시면 됩니다. 가끔 실시간으로 업데이트되는 모습을 볼 수 있습니다!

안녕하세요. 이번 강좌는 Vue에 관한 강좌입니다. 저는 원래 React를 주력으로 삼고 있었는데 진행중인 프로젝트가 계기가 되어 Vue를 접하게 되었습니다. 이에 Vue 강좌도 진행해보려 합니다. 복잡한 내용은 아니고 기본적인 컴포넌트와 라우터 뷰엑스 정도에서 끝내도록 하겠습니다. 웹팩 세팅 아주 기초적인 컴포넌트 조립 정도만 하겠습니다.

뷰의 첫 인상은 매우 충격적이었습니다(좋은 쪽으로요 ㅎㅎ). 일단 웹팩 없이도 할 수 있어서 편했고(결국 복잡해지면 웹팩을 하긴 해야 합니다), 리액트를 하던 사람들에게는 뷰를 리액트 수준까지 하는데 하루도 안 걸립니다. 리액트 앱을 뷰 앱으로 전환하는 기술을 익히는 데 하루도 안 걸린다는 뜻입니다! 사실 뷰를 배울 생각이 없었는데, 어어어어 하다보니 뷰를 배우고 말았습니다.

뷰는 앵귤러나 리액트보다 나중에 나온만큼 앵귤러와 리액트의 장점을 골고루 갖추고 있습니다. 두 진영에서는 뷰가 대규모 앱에 적합하지 않다고 비판하곤 하는데 저는 잘 모르겠습니다. 도대체 얼마나 대규모 앱이어야 적합하지 않은 걸까요.

뷰도 컴포넌트 시스템을 따릅니다. 다만 웹팩을 적용하기 힘든 경우에는 템플릿처럼 사용할 수도 있습니다. 먼저 템플릿과 컴포넌트를 알아봅시다.

조회수:
0
목록
투표로 게시글에 관해 피드백을 해주시면 게시글 수정 시 반영됩니다. 오류가 있다면 어떤 부분에 오류가 있는지도 알려주세요! 잘못된 정보가 퍼져나가지 않도록 도와주세요.
Copyright 2016- . 무단 전재 및 재배포 금지. 출처 표기 시 인용 가능.
6만명이 선택한 평균 별점 4.9의 제로초 프로그래밍 강좌! 로드맵만 따라오면 됩니다! 클릭

댓글

8개의 댓글이 있습니다.
7년 전
you have to upload vue.js ASAP
vue.js is very easier language then other languages
I hope to teach you vue.js for others
7년 전
vue cli3 beta 버전이 나왔다고 하는데..기대하겠습니다.ㅎㅎ
7년 전
vue@3는 나올 기색이 안 보이네요 ㅠㅠ
7년 전
빨리 올려주세요~~~
8년 전
블로그 정말 도움이 많이되네요..ㅎㅎ

리액트도 웹팩없이 사용이 가능하지 않나요??

저같은 경우.. 라이블러리 load해서 쓰는 형식으로

\u003cscript src="lib/react/15.5.0/react.min.js">\u003c/script>
\u003cscript src="lib/react/15.5.0/react-dom.min.js">\u003c/script>
\u003cscript src="lib/babel/6.25.0/babel.min.js">\u003c/script>

로드후..

리액트로 개발하거덩요.. 앱 규모가?? 아주 작아서..그렇겠지요?

리덕스는 아직 이해를 못해서 사용은 못하고 있어요.ㅜㅜ
8년 전
아 그렇게 하면 IE에서도 돌아가나요? 예전에 0.14까지 저렇게 하다 15,16버전에서는 저렇게 스크립트 로딩은 안 해봤네요. 리덕스가 개념이 생소해서 어렵습니다. 리덕스 경쟁자로 mobX도 있습니다.
8년 전
네...ie 11에서 잘돌아가요.. 문제 없이요.. ㅎ ie 11이상으로 개발을 한거라....하위 버전은 모르겠네요
8년 전
아 최신 문법도 쓸 수 있나요?
8년 전
제가 사용한 문법은
class react 컴포넌트, 함수형컴포넌트, 화살표함수, map반복문 인데..
ES6문법은 모두 에러없이 됐던거 같아요..ㅎㅎ
8년 전
오호 좋은 정보 감사합니다
8년 전
홀리몰리....세상에나~~ 이렇게 하면 될거를.... 기본기가 부족해서 그런걸까요... 뷰 접한지는 약 10일쯤 됐습니다 정말 감사합니다 머리 아픈문제를 해결했네요 ㅎㅎ
8년 전
Vue3가 나와요?? 모르고 있었네요 ㅋㅋ
javascript 의..변수? 스코프는 정말 알다가도 모르겠어요...
궁금한게 하나 있는데요 function안에서 this를 지칭하면 function 자신을 지칭해서 vue의 data등에 접근이 불가하잖습니까?? 이럴땐 어찌하나요??
8년 전
상위 this를 저장하시면 됩니다. 상위 스코프에서 var that = this;를 하신 후 function 안에서 that.$router이나 that.$store 이런 식으로 사용하실 수 있어요
8년 전
뷰 심심할때마다 하고있엇는뎈ㅋㅋ 챙겨봐야겠네여
8년 전
여허...... 드디어 뷰도 나오네요 뷰 정말 좋아요 간단하고 편리하고 빠르기 까지하죠 거기다가 네이티브도 준비중이죠!
8년 전
Vue3이 나오면 강좌 진행하려고 예정중입니다!