Post

Post

개별 공고를 렌더링하는 컴포넌트입니다.

---

✅ Props

이름	타입	필수	설명
name	string	✅	가게 이름
imageUrl	string	✅	이미지 URL
address1	string	✅	가게 주소
originalHourlyPay	number	✅	기존 시급 (시급 변동률 계산용)
link	string	✅	공고 상세 페이지 링크
hourlyPay	number	✅	현재 시급
startsAt	string	✅	시작 시간 (ISO 형식)
workhour	number	✅	근무 시간 (단위: 시간)
closed	boolean	✅	공고 마감 여부

---

🎨 렌더링 상태

• 마감 공고 또는 지난 공고일 경우 opacity-20 처리 및 이미지 위 오버레이 표시
• 상승률에 따라 뱃지 색상 변화 (red-20, red-30, red-40)

---

🧾 사용 예시

[PC/Tablet과 mobile]

<Post
  name: "도토리식당"
  imageUrl: "/images/shop.png"
  address1: "서울시 송파구"
  originalHourlyPay: 10000
  link: `/notices/123/employer`
  hourlyPay={15000}
  startsAt="2026-06-03T00:00:00"
  workhour={3}
  closed={false}
/>

[지난 공고]

<Post
  name: "도토리식당"
  imageUrl: "/images/shop.png"
  address1: "서울시 송파구"
  originalHourlyPay: 10000
  link: `/notices/123/employer`
  hourlyPay={15000}
  startsAt="2023-06-03T00:00:00"
  workhour={3}
  closed={false}
/>

[마감 공고]

<Post
  name: "도토리식당"
  imageUrl: "/images/shop.png"
  address1: "서울시 송파구"
  originalHourlyPay: 10000
  link: `/notices/123/employer`
  hourlyPay={15000}
  startsAt="2023-06-03T00:00:00"
  workhour={3}
  closed={true}
/>