import {
  addDays,
  addMonths,
  eachDayOfInterval,
  eachWeekOfInterval,
  startOfMonth,
} from 'date-fns'

const startOfMonthDate = startOfMonth(new Date())
const matrix = eachWeekOfInterval({
  start: startOfMonthDate,
  end: addMonths(startOfMonthDate, 1),
}).map((weekDay) => {
  const startDate = new Date(weekDay)

  return eachDayOfInterval({
    start: startDate,
    end: addDays(startDate, 6),
  })
})

• matrix 구현
  • bclinkinbeard/calendar-matrix
  • Calendar Matrix (date-fns, ES6)
• 튜토리얼
  • How to Make a Monthly Calendar With Real Data | CSS-Tricks
  • Let’s Make a Vue-Powered Monthly Calendar | CSS-Tricks