vuejs5 [Vue.js] VueJS 코딩 공작소 (길벗) 책 리뷰 #중간후기 안녕하세요. Vue.js 코딩 공작소 (길벗) 책을 바탕으로 VueJS를 저 스스로도 공부하면서 강의를 올리고 있는데요. 개인적으로 저는 그렇게 추천하지 않습니다. 인터넷에서 이 책을 많이 추천하고, 권유하는 걸 보고 저도 따라서 구입해봤는데 전 이런 흐름의 책은 별로 권하고 싶지 않아요. 기초 개념부터 A를 알려주고, B를 알려주고, C를 알려주고... 그래서 응용하면 AB 또는 BC, ABC 이런식으로 조합이 가능할 수 있고, 독자의 응용력에 따라 많은 방법이 있다는 걸 알려주는 책이 좋은 책이라고 생각합니다. 그런데 이 책은 A를 알려주고, B를 알려주다가 갑자기 E를 알려줍니다. 그리고 설명에는 이렇게 적혀있습니다. 자세한 C와 D에 대한 내용은 Github 샘플 코드에서 제공됩니다. 정말 제가 .. 2020. 9. 14. [Vue.js] VueJS 강의 #4 - HTML 이벤트 바인딩 참조된 서적 : Vue.js 코딩 공작소 (길벗) - 사진은 생략, 앞에 보셨으니 다들 아실겁니다. 1. HTML에 이벤트 바인딩 (이벤트 발생) 이번 강의는 이벤트를 발생시키는 것인데, 일반적인 javascript 에서는 주로 onClick="function()" 을 사용하게 됩니다. VueJS에서는 Vue 문법을 따라해야하는데, 2가지 방법이 있습니다. 편한 방법으로 정해서 통일시켜서 사용하면 됩니다. v-on:click="function" 또는 @click="function" 으로 사용할 수 있습니다. 다시 말하면, v-on 을 @로 작성할 수 있다고 보면 됩니다. - EventBinding.html dev-box tistory 장바구니 담기 v-on 에 가능한 이벤트들은 위 예제에서 사용하고 있는.. 2020. 9. 14. [Vue.js] VueJS 강의 #3 - HTML 바인딩과 필터 참조된 서적 : Vue.js 코딩 공작소 (길벗) 개발자 보물상자에서 VueJS 책 한권 다 읽었다라고 할 수 있게끔 쉽게 설명해드리겠습니다. 블로그 포스팅 순서는 책 챕터와 다르게 진행될 수 있습니다. (가끔 필요없을 것 같은 챕터는 건너띌 수도 있다는 뜻) 1. HTML에 바인딩하기 프론트앤드 프레임워크를 개발하는데 브라우저에서 볼 수 없다면 재미가 없을겁니다. 그럼 이제부터 본격적으로 HTML 과 Javascript 을 직접 연동하면서 어떤 구조를 가지고 있는지 상세히 살펴보도록 하겠습니다. - HtmlMarkUp.js var websotre = new Vue({ el: '#dev-box', data: { sitename: "dev-box Tistory, 개발자 보물상자", product: { id.. 2020. 9. 7. [Vue.js] VueJS 강의 #2 - 생명주기 훅 참조된 서적 : Vue.js 코딩 공작소 (길벗) 개발자 보물상자에서 VueJS 책 한권 다 읽었다라고 할 수 있게끔 쉽게 설명해드리겠습니다. 블로그 포스팅 순서는 책 챕터와 다르게 진행될 수 있습니다. (가끔 필요없을 것 같은 챕터는 건너띌 수도 있다는 뜻) 1. 왜 VueJS를 사용할까? 뭐.. 책에는 VueJS 장점만 모아 써놨으니까, 단점은 안적어놨을겁니다. 자 그럼 과감히 이 목차는 생략하겠습니다. 2. Vue의 생명주기 생명주기 매우 정말 엄청 절대적으로 중요합니다. 반드시 실무에서라면 꼭 필요하게되는 부분입니다. 인스턴스 생성 뷰-모델에서 데이터 관찰자를 생성하고 내부 이벤트 시스템에서 사용될 이벤트를 생성하여 초기화합니다. 템플릿과 가상DOM 생성 템플릿 혹은 렌더링 함수를 찾아서 컴파일합.. 2020. 8. 27. 이전 1 2 다음
