Vue

• views 폴더에 들어갈 .vue 파일의 파일명은 ~~View.vue로 통일
• .vue 파일에서 해당 파일의 css를 작성할 때에는 해당 파일에만 css를 적용할 때에는 <style scoped>
  • 그게 아니라 해당 파일 이외에 모든 파일에 적용할 때에는 그냥 <style>
  • 근데 이렇게는 잘 안 쓰고 모든 파일에 적용할 css는 assets 폴더에 따로 만듬
• package.json > "eslintConfig” > “rules" > “space-before-function-paren": "off"
• Project 디렉토리에 .prettierrc 파일 생성하고 그 안에 아래 내용 추가
  • .prettierrc

Project 생성

설치해야하는 라이브러리

npm install v-calendar --legacy-peer-deps
이후에 npm run serve 한 번 하고 다시 서버 닫고
npm add vuetify

Issue

• 마이페이지 내에는 내 예약과 내 정보의 2개 탭으로 나뉘게 된다.
  • router 폴더의 index.js 에서 마이페이지 기능을 구현할 때, 내 예약과 내 정보는 webpackChunkName을 “mypage”로 같게 해서 한 번에 관리될 수 있도록 하면 좋을 것 같음

HTML & CSS (Vue로)

• ' vs " ⇒ '
• 변수명
  • 항상 소문자로 함
  • 띄워쓰기가 필요할 땐 언더바(_)로 사용
• 들여쓰기 : 2칸
• class명, id명
  • ‘예약’이라는 의미의 단어를 쓰고 싶다면 'rsv' 로 사용
  • 공백이 필요할 경우 - 사용 (ex) rsv-name-text)
• 함수명
  • 직관적이고 이해할 수 있게 작성 (ex) getTableNumber)
  • 첫 번째 단어는 소문자로, 그 다음 단어부터는 첫 번째 알파벳은 대문자로 작성
  • 함수는 꼭 1가지 기능을 하도록 만들기