공식 문서 : https://day.js.org/

Day.js · 2kB JavaScript date utility library

🔹 설치

npm i dayjs

<aside> 🧑‍💻

Unix Timestamp 값을 dayjs로 포매팅 할 것임다

</aside>

🔹 Plugin으로 프로젝트에 적용

컴포넌트 인스턴스에서 전역적으로 접근하기 위해 라이브러리 설정, setup에서 사용할 수 있게(inject()로)provide()적용

• plugins/dayjs.js

  import dayjs from 'dayjs'
  
  export default {
    install(app) {
      app.config.globalProperties.$dasyjs = dayjs
      app.provide('dayjs', dayjs)
    },
  }
  

• main.js에 적용

  ...
  import dayjs from '@/plugins/dayjs' // 경로 잘 보기
  app.use(dayjs)
  

🔹 BoardDetailView.vue 적용 ( 템플릿에서 적용 )

<p class="text-secondary">
		{{ $dayjs(board.createdAt).format('YYYY. MM. DD HH:mm:ss') }}
</p>