(2020.07.09)TodoList 코드리뷰 및 프론트엔드 컨벤션 논의 - woowacourse-teams/2020-devbie GitHub Wiki

작성자 : 앨런, 보스독

1. 비동기 처리 방식 : await vs Promise
   • await가 자바스타일로 이해하기 쉬우니 await를 적극활용하자
2. 함수 선언
   • vue, vuex hook에 바로 정의되는 함수는 es5방식을 따른다.
   • 람다식을 써야할 경우는 arrow function을 사용한다.
3. v-on, v-bind와 같은 vue directives
   • 축약형을 사용하자.
     • v-on : @
     • v-bind : :
4. e, err 와 같은 단어 함축은 사용하지 않는다.
5. 람다식을 사용
   • 1줄로 리턴하는 경우는 return 및 중괄호 생략하자.
   • 인자가 1개인 경우는 ( )괄호를 사용하지 않는다.
6. 태그
   vs
   • vue 공식 스타일 가이드를 따른다. 둘다 괜찮지만,
   • 일관되게 전자를 쓰는 것으로 한다.
7. vue script단의 순서를 정하면 좋겠다.
   • props, data, methods 등

vue 필수 스타일 가이드 는 최대한 따르도록 한다.

1. 레이아웃과 필요한 페이지들을 먼저 뽑아낸다.
2. 각 페이지들에 필요한 (컴포넌트:기능 = 1:1)을 정리한다.
3. css style은 당장 고려하지 않고 vuetify를 이용한다.
4. 추후 제대로된 디자인을 고려하여, css를 적용하고 리팩토링한다.
5. 모바일 버전에도 대응할 수 있도록 반응형 css를 추가한다.