<aside> 🔖 이번 시간에는 Course 데이터를 가져와서 UI에 렌더링을 하도록 하겠습니다.

</aside>

Course 데이터 및 타입 정의

• types/course.ts
• coursesData.ts

useCourse 컴포저블 함수

• composables/useCourses.ts
• types/course.ts - CourseWithPath 타입 정의

Course 목록 렌더링

• components/CourseCard.vue - TypeScript Composition API 정의
• pages/index.vue

useCourse 컴포저블 함수

• composables/useCourse.ts
• types/global.d.ts - 전역 타입 선언

Course 상세 페이지 렌더링