💄 [WV-24] design : news card 컴포넌트 생성

[hayoung78]

개요

• newsCard 컴포넌트 생성
• 아이콘과 이미지 index 파일 생성

PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

• PR 제목 및 커밋 메시지 컨벤션 확인
• 직접 만든 함수가 있다면 이에 대한 설명 추가 (ex. JS DOCS)
• 변경 사항에 대한 테스트 완료 (버그 수정/기능에 대한 테스트)
• Label 확인
• Assignees 설정 확인
• Reviewers 설정 확인

PR details

1. ➕ WV-24 feat : icon과 images에 index 파일 생성

컴포넌트를 만들때 같은곳에서 Import 하는 파일이 많아져서 index.ts 파일을 설정했습니다.
@가 있으면 폴더내에서 가장 상단으로 위치하기때문에 잘보이게끔 추가했습니다.

사용하시려면 아래와 같이 import 하시면 됩니다.
이름은 맞춰서 불러오셔야 합니다요..!
(ex, Calendar === index 파일에 있는 이름({ default as Calendar })

//코드에서는,,
import { Calendar, Views } from "@/assets/icons/@index";

중간에 추가된거니 다들 이미지 사용하신곳에서 수정 부탁드립니다.

2. 💄 WV-24 design : newsCard 컴포넌트 생성

디자인이 일부 변경되었습니다..

기존 figma

변경 후

사용하시려면, api 값 안에 넣으면 됨요
현재는 예시만 넣어놨습니다.

      <NewsCard
        title="2024 kt wiz 73승 기념뱃지 수령"
        content="감사원은 원장을 포함한 5인 이상 11인 이하의 감사위원으로 구성한다. 국회가 재적의원 과반수의 찬성으로 계엄의 해제를 요구한 때에는 대통령은 이를 해제하여야 한다. 이 헌법시행 당시의 대법원장과 대법원판사가 아닌 법관은 제1항 단서의 규정에 불구하고 이 헌법에 의하여 임명된 것으로 본다. 명령·규칙 또는 처분이 헌법이나 법률에 위반되는 여부가 재판의 전제가 된 경우에는 대법원은 이를 최종적으로 심사할 권한을 가진다."
        date={new Date("2024-12-25")}
        views={99}
      />

해당 브랜치는 뉴스페이지까지 완성해서 마무리 할 예정입니다.

When modifying code...

# Request Level
  - [ ] : "🔥 이대로 Merge 하면 안돼요~!"
  - [ ] : "🥹 고치면 분명 나아질 게 분명합니다.."
  - [ ] : "🤷 수정하면 좋지 않을까요?"

# Description

[Jinviz]

'@' 상단으로 올리는 건 팁이네요.
수고하셨습니다.

[naelumcat]

확인했습니다.

[hee2323]

shadcn ui 사용 중이라 lucide-react 사용해서 아이콘 통일했으면 좋겠습니다
메인페이지 footer도 수정해서 올리겠습니다

[hayoung78]

아이콘 수정 했습니당.

import { CalendarDays, Eye } from "lucide-react";