소개
이 프로젝트에서는 Vue.js 와 Element-UI 라이브러리를 사용하여 다차원 평점 컴포넌트를 만드는 방법을 배우게 됩니다. 이 평점 컴포넌트를 통해 사용자는 배달 속도, 음식 맛, 포장 품질 등 테이크아웃 주문의 다양한 측면에 대해 평가할 수 있습니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- 다차원 평점 기능을 처리하기 위해
my-rate.vue라는 사용자 정의 Vue.js 컴포넌트를 만드는 방법. - 개별 평점 차원을 구현하기 위해 Element-UI 라이브러리의
el-rate컴포넌트를 사용하는 방법. - 평점이 업데이트될 때 상위 컴포넌트에 알리기 위해
my-rate컴포넌트에서change이벤트를 발생시키는 방법. - 디자인 요구 사항에 맞게 평점 컴포넌트의 스타일과 레이아웃을 사용자 정의하는 방법.
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- 사용자 정의 기능을 갖춘 재사용 가능한 Vue.js 컴포넌트를 만들 수 있습니다.
- Element-UI 라이브러리를 사용하여 복잡한 UI 컴포넌트를 구축할 수 있습니다.
- Vue.js 애플리케이션에서 부모 및 자식 컴포넌트 간에 데이터를 관리하고 통신할 수 있습니다.
- CSS 를 사용하여 Vue.js 컴포넌트의 스타일과 레이아웃을 지정할 수 있습니다.
