실무에서 주의하면 좋을만한 내용들

• 디렉티브로 스타일 처리 하기
  • 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한 코드를 짜기 어렵습니다..