실무에서 주의하면 좋을만한 내용들
- 디렉티브로 스타일 처리 하기
- Object Syntax
- Ternary Syntax
- Computed Syntax
- 라우터의 레이아웃 컴포넌트 개념
- layouts과 views로 로그인 전 / 후 페이지 레이아웃 컴포넌트 구분해주기(퍼블리셔는 레이아웃이 더 직관적)
- 이렇게는 개발하지 않기..
- 지역에서 해결할 수 있는 것은 지역에서..
- 스토어 + 믹스인 + No API 함수의 조합은………..
- 템플릿 표현식에 이렇게 짱박지 않습니다…… (div 클래스가 한 200줄 짜리…)
- 컴포넌트는 분할해주세요……… (4000천줄 짜리 컴포넌트 )
- 모달은 다음 패턴을(props, slots, vue portal) 이용해서 분리하면 좋습니다…
- ESLint와 웹팩 데브 설정은 꼭… 웹팩 데브 설정에
clientLogLevel: 'info'
요거 들어가면 왜 HMR 안되는지 알 수 있어요.
- JSDoc으로 타입 정의해볼까요?
- 각 페이지의 권한 처리는 각각의 컴포넌트 네비게이션 가드에서 하는게 좋아요.. 글로벌로 모든 페이지의 흐름을 담으면 확장 or 변경이 어렵습니다..
- 배포할 때는
NODE_ENV
가 꼭 production
으로 적용될 수 있게 해주세요..!
- data 속성에 정의하는 객체는 최대한 flat하게!! nested 레벨이 너무 깊어지지 않게..
- 템플릿 표현식에서 operation과 조건을 많이 달면 safe한 코드를 짜기 어렵습니다..