[vue2] 용어 및 기본 개념

왜 node js 필요한가

• 빌드 자동화
• 개발 환경 커스터 마이징
• package.json 항목 의미
  • name
  • version
  • description
  • main:노트 애플리케이션 일 경우 진입점 경로,

Webpack

• 여러 파일을 하나로 합쳐주는 번들러

• 번들러

  지정 단위로 하나의 파일로 만들어 요청에 대한 응답을 전달할 수 있는 환경

  옛날과 달리 컴퓨터 성능이 많이 좋아져 모듈 단위로 잘게 나눠서 개발해 유지보수나 가독성이 좋게 함

• 시작점으로부터 의존 모듈을 모두 찾아 결과물을 만듦

• 기능

  • 리소스 묶기
  • 바벨을 이용해 es5 코드로 바꿈
  • 변화를 감지해 다시 실행

loader

• 웹팩은 모든 파일을 모듈로 봄 (자바 스크립트로 만든 모듈, 스타일 시트, 이미지, 폰트 등 전무 모듈로 보기에 import 구문을 이용하면 자바 스크립트 코드 안으로 가져올 수 있음)
  • 어떻게 ? 로더 덕분에

Vue 는 MVVM 패턴

• Backend 로직과 Client의 마크업, 데이터 표현단을 분리하기 위한 구조
• 화면 앞단 로직과 뒷단 DB 데이터 처리 및 서버 로직 분리