feat/#152 board 페이지 리팩토링 및 색상 수정

[kanghyosung1]

😎 담당자

앞에 형용사 붙여주세요 ~~ ex) 귀여운 OOO 날씨의아이 강효성 ㅤ

🧩 이슈 번호

이슈 번호 적어주세요

• 152

✨ 작업 내용

작업한 내용을 설명해주세요

• 다크모드 색상 변경
• pr 피드 적용
• 일정부분 성능개선 리펙토링 ㅤ

💡 이번 pr을 올리기 전에 받은 피드백이 있나요? (있으면 체크리스트 작성)

• [x] 아티클 카드 반응형 합치기
• [x] 아티클 카드 크기수정
• [x] 매직 넘버 상수 선언
• [x] ReportDropdownMenu수정
• [x] 코멘트카드 from 태그 사용
• [x] 베스트게시글 반응형 테일윈드사용 수정

ㅤ

📸 스크린샷 또는 GIF

ui 컴포넌트 개발, 페이지 퍼블리싱을 했다면 스크린샷도 올려주세요

✍🏻 참고사항

팀원들이 참고해야할 부분이 있다면 적어주세요

ㅤ

---

코드 리뷰 남길때 참고용 (pr 작성할 때 지우지 말기)

P1: 꼭 반영해주세요 (Request changes) - 리뷰어는 PR의 내용이 서비스에 중대한 오류를 발생할 수 있는 가능성을 잠재하고 있는 등 중대한 코드 수정이 반드시 필요하다고 판단되는 경우, P1 태그를 통해 리뷰 요청자에게 수정을 요청합니다. 리뷰 요청자는 p1 태그에 대해 리뷰어의 요청을 반영하거나, 반영할 수 없는 합리적인 의견을 통해 리뷰어를 설득할 수 있어야 합니다.

P2: 적극적으로 고려해주세요 (Request changes) - P2에 대해 수용하거나 만약 수용할 수 없는 상황이라면 적합한 의견을 들어 토론할 것을 권장합니다.

P3: 웬만하면 반영해 주세요 (Comment) - P3에 대해 수용하거나 만약 수용할 수 없는 상황이라면 반영할 수 없는 이유를 들어 설명하거나 다음에 반영할 계획을 명시적으로 표현합니다.

P4: 반영해도 좋고 넘어가도 좋습니다 (Approve) - 해당 의견을 반영하는 게 좋을지 고민해 보는 정도면 충분합니다

P5: 그냥 사소한 의견입니다 (Approve) - 아무런 의견을 달지 않고 무시해도 괜찮습니다

PQ: 질문입니다 (Question) - 질문에는 꼭 답을 해주세요

[netlify[bot]]

✅ Deploy Preview for coworkers-1 ready!

Name	Link
🔨 Latest commit	b9f4a1a25d106e95bd99123e440a0de5d3d2de45
🔍 Latest deploy log	https://app.netlify.com/sites/coworkers-1/deploys/66f795c5505687000897824e
😎 Deploy Preview	https://deploy-preview-156--coworkers-1.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mxkxx1011]

pq) 일단 페이지 미리보기 기준으로 라이트 버전에서 보더가 진한데 이 색상이 어떤 색상인가요?

A: border-border-primary 색상입니다.

[mxkxx1011]

p5) 댓글 작성한 사람을 구분하는 방법을 너무 좋은 거 같은데 해당 스타일은 약간 어색한 감이 있는거 같아요! pq) 구분하는 다른 방법은 없을까요??🤔

A: 백그라운드 색상을 수정하는게 더 좋아 보일듯 합니다.!

[mxkxx1011]

p3) 게시글 수정하면 제목은 수정이 안되네요! 아직 다 구현안된부분일까요?