소개
이 프로젝트에서는 Vue.js 를 사용하여 홈페이지 데이터를 동적으로 표시하는 방법을 배우게 됩니다. 이 프로젝트는 JSON 파일에서 데이터를 가져와 Vue.js 컴포넌트에서 렌더링하는 과정을 이해하는 데 도움이 되도록 설계되었습니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- Axios 를 통해 홈페이지 게시물 목록 데이터를 요청하고 이를
List.vue컴포넌트에 바인딩하는 방법. - 제공된 디자인에 맞춰 홈페이지의 레이아웃 스타일과 효과를 구현하는 방법.
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- Axios 를 사용하여 JSON 파일에서 데이터를 가져올 수 있습니다.
- 가져온 데이터를 Vue.js 컴포넌트에 바인딩하고 템플릿에서 렌더링할 수 있습니다.
- 특정 디자인에 맞게 컴포넌트의 스타일을 지정할 수 있습니다.
- 다양한 Vue.js 컴포넌트를 통합하여 완전한 홈페이지를 만들 수 있습니다.
