세로형 뉴스 카드 구현

[yeonddori]

관련 이슈

• close 세로형 뉴스 카드 구현 #13

작업 요약

• 세로형 뉴스 카드를 구현했습니다.

작업 상세 설명

import { Stack } from '@mui/material';

import NewsCardVertical from '@/components/NewsCardVertical';

const Page = () => {
  return (
    <Stack direction="row" p={3} spacing={4}>
      <NewsCardVertical
        date="2021.10.10."
        description="‘글루텐 프리’ ‘첨가물 제로’ 건강빵 찾는 소비자한국인의 빵 소비량이 증가하는 가운데 즐겁게 건강을 추구하는 ‘헬시 플레저’ 트렌드가"
        imageUrl="https://wimg.mk.co.kr/news/cms/202407/13/rcv.YNA.20240712.PYH2024071213960001300_P1.jpg"
        title="빵순이들도 입맛 까다로워졌네”… 달콤한 맛보다 훨씬 잘 팔린다는 이 맛, 뭐길래"
      />
      <NewsCardVertical
        date="2021.10.10."
        description="‘글루텐 프리’ ‘첨가물 제로’ 건강빵 찾는 소비자한국인의 빵 소비량이 증가하는 가운데 즐겁게 건강을 추구하는 ‘헬시 플레저’ 트렌드가"
        imageUrl="https://wimg.mk.co.kr/news/cms/202407/13/rcv.YNA.20240712.PYH2024071213960001300_P1.jpg"
        title="빵순이들도 입맛 까다로워졌네”… 달콤한 맛보다 훨씬 잘 팔린다는 이 맛, 뭐길래"
      />
      <NewsCardVertical
        date="2021.10.10."
        description="‘글루텐 프리’ ‘첨가물 제로’ 건강빵 찾는 소비자한국인의 빵 소비량이 증가하는 가운데 즐겁게 건강을 추구하는 ‘헬시 플레저’ 트렌드가"
        imageUrl="https://wimg.mk.co.kr/news/cms/202407/13/rcv.YNA.20240712.PYH2024071213960001300_P1.jpg"
        title="빵순이들도 입맛 까다로워졌네”… 달콤한 맛보다 훨씬 잘 팔린다는 이 맛, 뭐길래"
      />
    </Stack>
  );
};

export default Page;

리뷰 요구 사항

• 추후에 가로형 뉴스 카드도 Card 형식으로 고칠 예정입니당

미리 보기

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
gyeongdan-frontend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 16, 2024 9:00pm

[stopmin]

아니 코드 겁나 깔끔하네 ㄷㄷ;;;; 내가 했으면 코드 200줄 넘어갓을듯