vue.js

• vue는 js의 프레임웤이며 interactive하고 reactive한 web font-end를 구축하기위해 사용한다.

JS

• JS는 브라우저에서 사용하는 프로그래밍 언어이고 사용자가 페이지를 로드한 후 브라우저에서 실행한다.

• 서버에서 새로운 페이지를 가져오지 않은 채로 사용자 화면에 보이는 모습을 조작할 수 있도록 해 준다. 이는 풍부한 사용자 경험을 제공하도록 한다.

frameWork

• 프레임웤은 JavaScript를 비롯한 모든 프로그래밍 언어에서 서드 파티 라이브러리를 말한다. 다른 누군가가 작성한 코드로 특정 유틸리티 기능과 메서드, 도구 등을 이용하므로 내가 직접 코드를 작성할 필요가 없다.

• 중요한 건 다른 일반 라이브러리와 달리 프레임워크는 추가 기능을 제공할 뿐만 아니라 규칙을 명확하게 지켜야한다.

Reactive

• 반응형은 앱이 사용자의 작업에 즉각 응답한다는 뜻이다.
  사용자가 화면에 뭔가를 입력하면 이에 따라 앱이 반응하도록 만드는 것이다.

why vue.js?

• 왜 vue를 사용해야 할까?
  • 우선 mobile을 보면 로딩이 거의 없다. 이는 JS가 로드된 페이지에서 실행되서 속도 개선에 도움을 준다. 이러한 대화형, 반응형 web app을 JS가 만들고 JS의 framework에 도움을 받을 수 있기 때문이다.

• 그래서 JS를 사용하여 최초 1회만 로드하고 나머지는 dom을 업데이트 하는 정도로만 쓰인다.
  하지만 JS만을 사용하여 완벽히 구현하기란 불가능이다.
  

1. 모오오오오오든 코드를 내가 다 작성해야함

• 이러한 방식을 명령형 접근법이라고 하며 브라우저가 실행하는 단계를 모두 정의해주어야한다.

• 예를 들어 버튼과 입력 요소 그리고 목록 요소에 액세스하고 함수를 생성하며 클릭 이벤트 핸들러를 버튼에 추가하고 클릭이 발생할 시 이 함수를 실행하고 해당 함수에서 입력값에 액세스하고 목록 항목 요소를 생성하며 텍스트 콘텐츠를 추가하고 목록 항목을 추가하고 값을 삭제하도록 일일이 지정해주어야한다는 것이다.

모든 단계를 정의하고 있죠

2. 최적의 코드 작성 거의 불가능, 오류, 버그 발생가능 => 성능이 구림

3. co-op이 힘듦

• 하지만 vue는 명확한 규칙이 있고 팀 모두가 사용해야함.
  또한 굳이 귀찮이 모오오오오든 코드를 작성할 필요가 없음
  따라서 비즈니스 로직에 집중할 수 있음.