Ch9. Vue 시작하기
1. 개요
Vue
- 프로그레시브 JavaScript 프레임워크
- React가 더 많이 사용되지만 입문자에게 쉬우면서 성숙도는 높은 프레임워크
- 상대적으로 쉬운 난이도로 SPA의 정체성을 이해하는데 도움이 됨
- 강의에서는
3.0.7 버전으로 학습 (2021-03-21 릴리즈) - 릴리즈 정보
2. CDN 간단 학습
CDN
프로토 타이핑 또는 학습 목적
HTML
<script src="https://unpkg.com/vue@next"></script>
<div id="app">
<h1>{ { message } }</h1>
</div>JS
Vue.createApp({
data() {
return {
message: 'Hello Vue!'
}
}
}).mount('#app')반응성 (Reactivity) : 데이터가 손쉽게 화면에 그려지는 구조
3. Vue CLI, Vetur
Vue CLI
- Vue CLI : ESLint, Babel
- Creatting a Project
터미널에 명령어를 통해 프로젝트 생성
src/main.js
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')vue라는 확장자를 만들어서 import하는 구조
Vetur
Vue 기본 구조
- template
- script
- style
읽을거리
💬 예전에 다니던 출판사에서 연말-신년이 될 때 종이에 새해 소망을 기록하라고 전 직원에게 나눠준 적이 있다.
그러면서 '적자생존'이라고 적는 자가 생존한다 뭐 이런 식으로 언어유희..ㅋㅋ
(텍스트 가치를 발굴하는 업종이기 때문에 충분히 그럴만도 하다)
💬 블로그도 나한테는 하나에 그런 방식인데 현재 할 수 없는 것이나 바라는 것을 개인 학습이나 블로그 기록으로 남기는 건지도 모르겠다. 사이드 프로젝트를 하는 사람들도 대부분은 그럴 것이다. SPA를 도입하는 게 당연히 회사마다 쉬운 일이 아니기 때문에 나는 그걸 급진적으로 주장한 적이 없다. 향후에 그럴 계획이 있을 수도 있는 게 아닐까 싶어서 이직한 거지 (그리고 상황은 항상 변한다) 설령 그렇게 안되도 개발자라는 직업은 끊임없이 공부해야하는 직업이라는데 그러면 이미 너무 늦은 막차지만(벌써 SPA가 나온지도) TO-BE 개발자가 되고 싶다면 새로운 걸 공부하는 흉내라도 내는 게 좋은 거 같다. 난 머리가 원래 좋아서 금새 익히는 사람이 아니기 때문에 이런 식으로라도... 그리고 아이러니한 건 SPA라든가 Figma같은 새로운 걸 도입하자는 사람들이 프론트엔드개발자나 디자이너일 거 같지만 의외로 기획자들이 더 많다..(디자인, HTML 한 페이지 한 페이지 검수하는 것도 일이니..) 회사마다 인프라나 시스템이 다른 부분이 많아서 케바케지만..
💬 어차피 난 공부해도 순수 개발자처럼 한 우물만 판 경력은 아니니.. 나중에 프리랜서를 하더라도 이것저것 할 줄 아는 게 좋겠지. 암튼 병렬로 새로운 공부! 박영웅 강사님꺼라 설명이 쉽다..^^
