왜 node js 필요한가
- 빌드 자동화
- 개발 환경 커스터 마이징
- package.json 항목 의미
- name
- version
- description
- main:노트 애플리케이션 일 경우 진입점 경로,
Webpack
여러 파일을 하나로 합쳐주는 번들러
번들러
지정 단위로 하나의 파일로 만들어 요청에 대한 응답을 전달할 수 있는 환경
옛날과 달리 컴퓨터 성능이 많이 좋아져 모듈 단위로 잘게 나눠서 개발해 유지보수나 가독성이 좋게 함
시작점으로부터 의존 모듈을 모두 찾아 결과물을 만듦
기능
- 리소스 묶기
- 바벨을 이용해 es5 코드로 바꿈
- 변화를 감지해 다시 실행
loader
- 웹팩은 모든 파일을 모듈로 봄 (자바 스크립트로 만든 모듈, 스타일 시트, 이미지, 폰트 등 전무 모듈로 보기에 import 구문을 이용하면 자바 스크립트 코드 안으로 가져올 수 있음)
- 어떻게 ? 로더 덕분에
Vue 는 MVVM 패턴
- Backend 로직과 Client의 마크업, 데이터 표현단을 분리하기 위한 구조
- 화면 앞단 로직과 뒷단 DB 데이터 처리 및 서버 로직 분리
'Vue.js > vue2' 카테고리의 다른 글
[vue2] computed 와 watch (0) | 2020.09.30 |
---|---|
[vue2] 뷰 라이프 사이클 다이어그램 (0) | 2020.09.30 |
[vue2] 인스턴스 (0) | 2020.09.30 |
[vue2] vue 규칙 (0) | 2020.09.30 |