2020-12-31 [강의 핵심 요약]

## 2020-12-31, 054일차
 - VUE 문법
   - 요즘은 JS에서 Var 가 아닌 let 으로 사용
   - {{content}} << VUE 문법으로 사용하겟다. / HTML에 적용
   - el = #id값
   - JS 창에서 content 지정
   - 이후 content가 바뀌더라도 동적으로 적용됨.
   
   - v-bind:title = "" => v-bind 를 붙이면 JS문법으로 인식 (툴팁으로 출력)
   - v-bind:src = "" => src 속성에 바인드
   - v-bind:style ="" => style 바인딩은 json 형태로 기입
     - :style 로 축약하여 사용가능
     - 혹은 :style ="{'color:red'}" 이런식으로 디렉티브에 직접 정용가능
   - :class = "{active: mode}" => class 적용 여부를 mode: true / mode: false 를 통해 조절
   
   - @click = "" > 이벤트 핸들러
   - v-show = "" > visibility 를 true / false 로 표현 가능
   - v-for = "item in item"
     - 리스트 랜더링
     - v-for 의 경우 item in item 이라는 특수한 문법으로 작성해야함
     - in 뿐만아니라 of 로도 구분자를 사용가능
     - 속성 반복 가능
   - v-model
     - 모든 form 엘리먼트의 초기 `value`와 `checked` 그리고 `selected` 속성을 무시
     - 항상 Vue 인스턴스 데이터를 원본 소스로 취급
     - 컴포넌트의 `data` 옵션 안에 있는 JavaScript에서 초기값을 선언
     
 - 구글 애널리틱스 서비스 계정
   - 구글 api 사용 권한을 위한 서비스 계정 생성
   - 구글 애널리틱스에 서비스 계정 조회 권한 부여
   - GOOGLE_APPLICATION_CREDENTIALS > 시스템 환경변수 설정 (이클립스 자체적으로)