Card

Card 컴포넌트는 사용자에게 간결하고 구조화된 정보를 제공하기 위한 UI 요소입니다. 이미지, 제목, 내용 및 액션 버튼 등 다양한 내용을 포함하여 유연하게 활용할 수 있습니다.

제출한 과제를 담을 수 있는 카드입니다.

<Card CardType="Assignment">
  /** 구성할 내용들 */
</Card>

제출한 과제에 대한 댓글을 담을 수 있는 카드입니다.

<Card CardType="AssignmentComment">
  /** 구성할 내용들 */
</Card>

과제들을 리스트화할 때 담을 수 있는 카드입니다.

<Card CardType="AssignmentList">
  /** 구성할 내용들 */
</Card>

커뮤니티 게시글을 담을 수 있는 카드입니다.

<Card CardType="Post">
  /** 구성할 내용들 */
</Card>

댓글을 담을 수 있는 카드입니다.

<Card CardType="Comment">
  /** 구성할 내용들 */
</Card>

텍스트를 담는 외곽선이 없는 카드입니다.

<Card CardType="Content">
  /** 구성할 내용들 */
</Card>

강의를 담을 수 있는 카드입니다.

<Card CardType="Lecture">
  /** 구성할 내용들 */
</Card>

Photo와 Content를 결합하여 세로로 배치할 수 있는 카드입니다.

<Card CardType="Vertical">
  /** 구성할 내용들 */
</Card>

사진을 삽입할 수 있는 카드입니다.

<Photo 
  src="사진 주소" 
  width={245} 
  height={145} 
  alt="강의"
/>