Skip to content

Conversation

@Yun-Jinwoo
Copy link
Collaborator

📌 변경 사항 개요

  • 알림 모달창 구현
  • 알림 모달창 내 카드 구현
  • 모달창 내에서 스크롤바 숨기기
  • 알바 시간 계산 함수 및 얼마 전 알림인지 계산하는 함수 구현

📝 상세 내용

  • 알림 모달창 구현 - NotificationModal

    • 모바일용 화면에서만 닫기 버튼이 존재하며, PC, Tablet 화면에서는 닫기 버튼이 존재하지 않음.
  • 알림 모달창 내 카드 구현 - NotificationCard

    • 승인된 공고와 거절된 공고에 따라 색을 다르게 설정
    • 아르바이트 진행 시간 계산하여 보여주기 (formatWorkTime 함수 활용)
    • 얼마 전 알림인지 계산해서 보여주기 (calculateTimeDifference 함수 활용)
  • 모달창 내에서 스크롤바 숨기기

    • tailwind-scrollbar-hide 패키지 추가
  • 추후 구현 예정 기능

    • 알림 클릭 시 해당 공고로 이동
    • 모달 바깥 클릭 혹은 esc 입력시 모달이 닫히는 기능

🔗 관련 이슈

🖼️ 스크린샷(선택사항)

PC, Tablet용 모달창
image

Mobile용 모달창
image

💡 참고 사항

부족한 부분이 있으면 말씀해주시면 감사하겠습니다 (_ _)

@Yun-Jinwoo Yun-Jinwoo linked an issue Jun 7, 2025 that may be closed by this pull request
2 tasks
@Yun-Jinwoo Yun-Jinwoo requested review from a user, Moon-ju-young and minimo-9 June 7, 2025 08:45
@Yun-Jinwoo Yun-Jinwoo self-assigned this Jun 7, 2025
@Yun-Jinwoo Yun-Jinwoo added ✨ 기능 추가/구현 새로운 기능을 추가하거나 구현했어요! 🎨 UI/스타일 관련 스타일을 추가하거나 변경했어요! labels Jun 7, 2025
Copy link
Contributor

@Moon-ju-young Moon-ju-young left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저희 jsDoc 사용하기로 합의했나요?

Copy link
Collaborator

@minimo-9 minimo-9 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 잘하셨네요 굿입니다!

} else if (months <= 11) {
return `${months}달 전`;
} else {
return `${years}년 전`;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

~~년 까지 표기로 만드시다니! 좋습니다!!

@Yun-Jinwoo
Copy link
Collaborator Author

저희 jsDoc 사용하기로 합의했나요?

음 따로 정하지는 않았는데, 이게 뭐 라이브러리나 패키지가 아니라 그냥 주석 형식의 일종이다보니, 멘토님 말씀대로 주석을 좀 더 자세히 작성하기 위해 이런 형식으로 사용했습니다~!

Copy link
Contributor

@Moon-ju-young Moon-ju-young left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

확인했습니다 jsDoc 같은 경우 일반 주석과는 달리 쓰냐마냐에 따라 파일 스타일이 많이 달라지는 거 같아서 멘토님이 말하시는 한 사람이 쓴 거 같은 코드를 지향한다면 팀적으로 쓸지 말지 정하는 게 좋을 것 같습니다~

@Yun-Jinwoo Yun-Jinwoo merged commit c75d0eb into develop Jun 9, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ 기능 추가/구현 새로운 기능을 추가하거나 구현했어요! 🎨 UI/스타일 관련 스타일을 추가하거나 변경했어요!

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[feat] 알림 모달창 구현

4 participants