AI 요약관련 정보

• 첫 번째 Astro 프로젝트로 카드 컴포넌트 만들기를 시작합니다. 🚀
• UI 디자인 데일리의 카드 디자인을 참고하여 간단한 카드 컴포넌트를 구현합니다. 🎨
• JSON 파일에서 데이터를 가져와 컴포넌트에 적용하고, 이미지는 public 디렉토리에 넣어 사용합니다. 🖼️
• data.map을 사용하여 데이터 배열을 순회하며 각 카드 데이터를 카드 컴포넌트에 props로 전달합니다. ➡️
• 카드 컴포넌트 내에서 props로 받은 데이터를 활용하여 이미지, 제목, 설명 등을 렌더링합니다. 📝
• 아바타 컴포넌트를 분리하여 재사용성을 높이고, props를 통해 필요한 데이터를 전달합니다. 👤
• 컴포넌트 스타일링은 자유롭게 선택 가능하며, 여기서는 데이터 바인딩과 컴포넌트 구조에 집중합니다. 💅
• 중첩된 컴포넌트 구조를 통해 index 페이지에서 card 컴포넌트를 불러오고, card 컴포넌트에서 author 컴포넌트를 불러오는 방식으로 구현합니다. 🔗