[TIL] 190907

오늘 한 일

패스트 캠퍼스 "Vue.js로 구현하는 PWA 캠프" 3주차 강의 수강.

 

공부 내용

1. 상수는 vue 인스턴스의 data 속성에 넣지 않는다. 넣는 순간 get, set 함수 생기기 때문에 그게 다 비용이다. 불필요한 비용은 줄여야 한다.
2. $(달러)속성은 되도록 사용하지 말자. 나중에 고급패턴을 이용할 때 쓸일이 있긴 하나, this.$data.user 같은 코드는 공식 문서에서도 권고하지 않는다.
3. 터미널에서 touch TodoHeader.vue TodoInput.vue TodoList.vue 이런식으로 하면 한 번에 여러파일 생성가능.
4. 컴포넌트 파일 생성하는 scf 단축키 -> vue 로 변경
5. vex 단축키는 import와 export default를 한번에 생성해주지만 현실적이지 않음. vim을 쓰면 import 구문만 한번에 생성.
6. 컴포넌트명 설정시 기존에는 케밥케이스로 vscode에서 해당 파일로 이동하는 링크 지원해줬는데 vue peek 플러그인 설치하면 파스칼케이스 문법도 링크 가능함.
7. 또한 컴포넌트 파일 import시에 .vue 확장자 붙여주지 않으면 가끔 꼬일때 있는데 vue peek 플러그인 사용하면 확장자 안붙여도됨.
8. v-model은 내부적으로 v-on:input과 v-bind:value가 알아서 동작하는 것.
9. container 컴포넌트는 주로 여러 컴포넌트를 포함하는 부모컴포넌트, presentational 컴포넌트는 주로 끝단에서 데이터를 보여주는 자식컴포넌트를 말한다.