728x90 반응형 vue.js7 Do it! 프런트엔드 UI 개발 with Vue.js, Vue를 시작하는 초보자에게 필요한 책, 이지스퍼블리싱 #2353 퍼블리싱을 기본으로 Vue에 대한 설명을 잘해주고 있다. 대체로 일반적인 견해이지만(?) React보다는 Vue가 퍼블리셔가 좀 더 접근하기 쉬운 구조를 취하고 있기 때문에 퍼블리싱에 대한 이해를 가진 분의 책이라 이해가 상대적으로 쉬웠던 것 같다. 프런트엔드로 전향하고자 하는 사람이 보면 좋을 것 같다. 전반부는 화면을 구성하기 위한 HTML, CSS, JS 등을 사용하여 레이아웃을 구성하는 방법을 간략히 전달하고 있다. 책에서 다루는 것 이외에도 당연히 많은 내용들이 있지만, 과하게 들어가지 않고 퍼블리셔가 Vue를 사용하여 레이아웃을 다루는 데 있어 접근하기 쉬운 몇 가지를 중점으로 다루고 있어 일정 수준의 경력자라면 어렵지 않게 이해와 활용이 가능한 내용으로 구성되어 있다. 체감상 너무.. 2023. 8. 24. [후기] Vue.js 첫걸음 #2075 총 14장으로 이루어져 있으며 각 장이 길지 않아 읽기에 무리는 없었던 것 같았습니다. 책 제목에서 알 수 있듯 첫걸음을 위한 책이기에 입문자, 초심자들이 보기에 적합한 책인 것 같습니다만 Vue프레임워크를 어느 정도 기초적인 지식은 이해한 상태를 대상으로 한다는 생각도 들었습니다. 지식이 전무한 상태라면 약간 평이 갈릴 것 같다는 생각도 들었습니다. 업데이트가 빠르게 진행되고 있는 프레임워크이기에 출판된 지 시간이 좀 지난 것이 약간 걸리긴 하지만 프레임워크의 기초를 이루는 부분에 변화가 있는 건 아닌 만큼 책을 통해 기초를 다진다면 앞으로 업데이트가 되어 가는 부분에 대해서도 빠른 접근이 가능할 것이란 생각됩니다. 뭐랄까 군더더기 없이 직관적인 설명? 모든 것이 그렇지만 프로그램의 경우 프.. 2020. 11. 21. [리뷰] 커피 한 잔 마시며 끝내는 Vue.js #1943B23 커피 한 잔 마시며 끝내는 Vue.js는 450페이지 정도 되며, 제목처럼 커피 한 잔 마시며 끝내기에는 좀 많은 분량이네요. 몇 리터를 마셔야 하는 건지.. 그렇지만, 제목이랑 표지는 잘 나온 것 같습니다. 접근하기 쉬운 제목이라 생각됩니다. 저자 중 한 분이 마크업 엔지니어를 거쳐 프런트 앤드 개발자로 거듭나신 분이라 책이 좀 더 자연스럽게 다가올 거라는 기대를 살짝 해 봤습니다. 첫 실전 애플리케이션이라 할 수 있는 메모 관리 애플리케이션을 시작하면서부터 에러와 마주쳤는데요 책에 적힌 대로 무작정 진행했었는데 말이죠. 대충 보면 'name' 옵션을 주라는 거였습니다. custom element: - did you register the component correctly? For r.. 2019. 8. 28. Vue.js에서 CSS module 사용하기 그저 module 을 사용하면서 알게 된 내용에 관한 메모입니다. 우선 module을 사용하기 위해선 vue-loader를 사용하여야 합니다. vue-loader를 사용하게 되면 css 이외에도 scss와 같은 다양한 방식이 적용가능해집니다. 공식 문서는 본가 사이트에서 확인 가능합니다. 우선 vue에서 CSS를 사용할 경우는 그대로 사용하면 되지만, SASS/SCSS를 사용할 경우에는 lang="scss" 를 추가 시켜주어야 합니다. 이렇게 두가지를 적용시켜 적용시킬 수도 있습니다. 최종적으로, 예를 들어 Example.vue 라는 파일에서 module을 사용한 방식의 파일은 렌더링이 끝난 소스의 class를 확인하면 다음과 같아집니다. Vue 파일명 + module 클래스 + 랜덤문자의 조합으로 만들.. 2018. 10. 21. vue 설치부터 vuetify 설치까지 우선은 vue Install 부터. 설치 자체는 무척 간단하게 되어 있습니다만. Yarn 이나 npm 으로 설치를 진행 하려면 우선적으로 node 가 깔려 있을 필요가 있습니다. 가장 손쉽게 접근하는 방법은 CDN을 활용하는 방법입니다. 연습만 하는 것이라면 jsfiddle이나 codepen 에서도 연습이 가능합니다. CDN을 사용하면 사용해 보는데는 문제가 없지만, 전 프로젝트에 사용해야 하는 관계로 설치버전으로 진행했습니다. 어디에서라도 참조하여 프로젝트를 생성시킬 수 있도록 '-g' 옵션을 활용합니다. npm install -g @vue/cli 설치 후에는 제대로 깔렸는지, 버전 확인을 해준뒤 프로젝트를 생성합니다. vue -V vue create [project-name] 하나하나 코드를 치기가 .. 2018. 8. 21. vue.js 입문자용 동영상 강좌 vuetify를 업무에서 사용하기 위해 vue.js를 공부해 보고 있는 마크업 엔지니어의 일종의 학습일지입니다. 확실히 생각보다는 접근하기 쉬운 구조로 되어 있다는 것을 체감하고 있습니다. 따라 해보면서 익히는 것도 중요하지만, 남이 작업하는 것을 보면 더 기억하기가 수월해지는 느낌을 받았습니다. 그래서 동영상을 통한 학습법이 통용되고 있는 거겠죠. 아무래도 입문자다 보니 가장 대표적으로 많이 사용 중인 구문을 사용한 동영상이 참고가 된 것 같습니다. 저와 같은 입문자에게 도움이 될 것 같아 참고했던 곳을 모아 봤습니다.. 무료 강좌는 역시 영어로 된 자료가 많습니다. 저도 영어를 못 알아듣지만 코드만 보면 되는 거라 부담가지실 필요 없을 것 같습니다. 1. https://vuehero.com/cours.. 2018. 8. 19. vuetify를 사용하기 위해 vue.js를 알아가는 중 어쨌건 시작을 했으니 익히긴 해야겠는데 아무래도 (개인적으로) 프레임워크부터 발을 들이는 건 아닌 것 같아서 vue 관련 서적을 찾아봤지만, 초급, 입문자용 이외에는 딱히 없었습니다. 소문만큼이나 공식 사이트의 가이드가 상당히 잘 되어있다는 증거일지도 모르겠습니다. 해서 그쪽을 내리읽고 있는 중입니다. 한번 책 읽어 보면서 따라 해 봤다고 다 할 줄 알 정도의 천재가 아닌지라 처음부터 다시 읽기 시작했습니다. 어떤 식으로 움직이는 것인지 맛이라도 보자는 취지에서 읽어봤다면 이번엔 일을 해야 하는 관계로 이런저런 조사를 하면서 좀 더 웹을 참고하며 공부 하고 있는 중입니다. 이미 사용하기로 되어 있는 vuetify라는 프레임워크가 정해져 있지만, 시간은 좀 걸리더라도 우선은 vue.js의 기본문법을 알아두.. 2018. 8. 18. 이전 1 다음 728x90 반응형
