feat(member): 게시판 재분류, 해시태그 기능 추가 #261

Jeong-Ag · 2025-01-03T02:38:43Z

Summary

#251

게시판 재분류, 해시태그 기능 추가

Tasks

QnA 게시판을 개발 질문, 졸업생 게시판을 정보 및 후기 게시판으로 변경
개발 질문 게시판에 해시태그 기능 추가
게시판 내 해시태그를 통한 게시물 검색

To Reviewer

해시태그를 직접 작성해서 추가하는 방식으로 진행하려고 했지만 백엔드의 보안공격표면을 넓힐 수 있다는 의견이 있어서 테이블로 관리하며 해시태그 조회하는 API를 통해 가져오는 걸로 결정했어요.

Screenshot

changeset-bot · 2025-01-03T02:38:47Z

⚠️ No Changeset found

Latest commit: 7c6348d

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

codecov · 2025-01-03T03:01:07Z

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.66%. Comparing base (0c66f87) to head (7c6348d).
Report is 113 commits behind head on main.

@@            Coverage Diff             @@
##             main     #261      +/-   ##
==========================================
- Coverage   94.06%   93.66%   -0.40%     
==========================================
  Files          14       14              
  Lines         219      221       +2     
  Branches       37       39       +2     
==========================================
+ Hits          206      207       +1     
- Misses         11       12       +1     
  Partials        2        2

see 2 files with indirect coverage changes

SWARVY

크게 리뷰 드릴 부분은 없었던 것 같아요. 수고 많으셨습니다 :)
몇 가지 남겨드린 사항에 대해서만 읽어보시면 좋을 것 같아요

SWARVY · 2025-01-04T14:48:14Z

apps/member/src/components/common/HashtagButton/HashtagButton.tsx

+      const list = [
+        {
+          title: '언어',
+          items: data.filter((item) => item.hashtagCategory === 'LANGUAGE'),
+        },
+        {
+          title: '분야',
+          items: data.filter((item) => item.hashtagCategory === 'FIELD'),
+        },
+        {
+          title: '기술',
+          items: data.filter((item) => item.hashtagCategory === 'SKILL'),
+        },
+        {
+          title: '기타',
+          items: data.filter((item) => item.hashtagCategory === 'ETC'),
+        },
+      ];


언어 - LANGUAGE, 분야 - FIELD 이런 데이터들은 매핑이 가능한 데이터들이라서, 상수로 관리했으면 더 깔끔하지 않았나 싶어요. 해당 데이터들을 상수로 관리했더라면 다음과 같이 간단하게 나타낼 수 있었을 듯 해요!

const HASHTAG = [{ titleKor: '언어', titleEng: 'LANGUAGE' }, ... ];

Suggested change

const list = [

{

title: '언어',

items: data.filter((item) => item.hashtagCategory === 'LANGUAGE'),

},

{

title: '분야',

items: data.filter((item) => item.hashtagCategory === 'FIELD'),

},

{

title: '기술',

items: data.filter((item) => item.hashtagCategory === 'SKILL'),

},

{

title: '기타',

items: data.filter((item) => item.hashtagCategory === 'ETC'),

},

];

const list = HASHTAG.map(({ titleKor, titleEng }) => ({

title: titleKor,

items: data.filter((item) => item.hashtagCategory === titleEng),

}));

파일들을 확인해보니까 이미 타입이 있더라구요.
해당 타입을 바로 선언하기보단 상수로 해당 요소들을 작성하고 -> 해당 배열의 요소에 대해서 타입을 생성한다면 유지보수적인 측면에서도 더 좋아질 듯 해요

오 좋은 방식이네요! 해당 부분 반영해서 리팩토링 했어요 감사합니다!

SWARVY · 2025-01-04T14:52:26Z

apps/member/src/components/community/CommunityBoardPost/CommunityBoardPost.tsx

      />
      {data.imageUrl && (
        <Image
          height="min-h-[300px]"
          alt="thumbnail"
-          className="object-cover"
+          className="object-cover "


불필요하게 공백이 들어가는 부분들이 있는데, 해당 부분들은 prettier 설정을 통해서 보완을 하면 좋을 것 같아요

알아보고 추후에 보완할 부분들 합쳐서 진행해볼게요.

SWARVY · 2025-01-04T14:54:15Z

apps/member/src/types/community.ts

@@ -64,6 +66,7 @@ export interface CommunityWriteItem {
  wantAnonymous: boolean;
  fileUrlList?: string[];
  imageUrl?: string;
+  hashtagNames?: Array<string>;


한 타입 안에 string[] 과 Array이 혼재되어있는데, 하나로 통일해서 사용하는게 좋을 듯 해요

cho4u4o · 2025-01-04T18:31:52Z

apps/member/src/hooks/queries/board/useBoardByHashtag.ts

+/**
+ * 커뮤니티 게시글을 해시태그로 조회합니다.
+ */
+export function useBoardByHashtag({ hashtags, page = 0, size = 20 }: Params) {


기본 설정값인 page와 size는 상수로 빼도 관리에 용이할 것 같아요 🏑

해당 부분은 별도로 코드 전체적으로 리팩토링 할 때 진행해야 할 것 같고, size는 변경되는 경우가 많아 해당 경우마다 상수로 새로 정의할 것인가도 부분도 고민이 되네요. 추후에 의논해봐요.

cho4u4o · 2025-01-04T18:37:51Z

apps/member/src/components/community/CommunityPostsSection/CommunityPostsSection.tsx

+    setHashtagList((prevHashtag) => {
+      const updatedHashtags = prevHashtag ? [...prevHashtag] : [];
+
+      return updatedHashtags?.includes(value)


꼭 수정이 필요한 부분은 아니지만, updatedHashtags?.includes(value) 부분을 hashtagExists와 같은 이름을 가진 변수로 빼주고 리턴하면 가독성이 더 올라갈 것 같아요!

cho4u4o

대체적으로 잘 작성해 주신 것 같고, 사소한 부분 코멘트 남겨놓았어요. 제가 리액트 쿼리 부분은 아직 알지 못하는 부분이 많아 리뷰 달기 힘든 점이 아쉽네요. 빠른 시일 내에 배워 오겠습니다. 구현 수고 많으셨어요 👍

Jeong-Ag added 10 commits October 26, 2024 22:53

fix(member): 배열 인덱스값 오류 수정

d30c100

feat(member): 해시태그 검색 input 추가

03afbb6

refactor(member): 게시판 재분류에 따른 api 연동 수정

e9b7a1c

refactor(member): 게시판 재분류에 따른 컴포넌트명 변경

c3eca05

refactor(member): 게시판 재분류에 따른 board 타입 변경 및 게시판 생성 카테고리 추가

94df5b4

chore(member): Replace require with import

8fa0b47

feat(member): show hashtag list in post content

d59ae87

feat(member): create hashtag click button

6ed1903

feat(member): integration API for hashtag

f98e6be

refactor(member): add toKoreaISOString

0fc5e37

Merge branch 'main' into feature/251

343a2a0

gwansikk assigned Jeong-Ag Jan 3, 2025

fix(member): fix lint error

42553b7

Jeong-Ag requested review from gwansikk, SWARVY and cho4u4o January 3, 2025 03:11

SWARVY approved these changes Jan 4, 2025

View reviewed changes

cho4u4o reviewed Jan 4, 2025

View reviewed changes

cho4u4o approved these changes Jan 4, 2025

View reviewed changes

Jeong-Ag added 3 commits January 5, 2025 19:43

refactor(member): use constants for hashtag type values

dbe8c18

refactor(member): extract variable to improve hashtag existence check

bc7afd1

refactor(member): change code format

7c6348d

Jeong-Ag merged commit 7d439a2 into main Jan 6, 2025
5 checks passed

Jeong-Ag deleted the feature/251 branch January 6, 2025 13:42

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(member): 게시판 재분류, 해시태그 기능 추가 #261

feat(member): 게시판 재분류, 해시태그 기능 추가 #261

Jeong-Ag commented Jan 3, 2025

changeset-bot bot commented Jan 3, 2025 •

edited

Loading

codecov bot commented Jan 3, 2025 •

edited

Loading

SWARVY left a comment

SWARVY Jan 4, 2025

SWARVY Jan 4, 2025

Jeong-Ag Jan 5, 2025

SWARVY Jan 4, 2025

Jeong-Ag Jan 5, 2025

SWARVY Jan 4, 2025

cho4u4o Jan 4, 2025

Jeong-Ag Jan 5, 2025

cho4u4o Jan 4, 2025

cho4u4o left a comment •

edited

Loading

feat(member): 게시판 재분류, 해시태그 기능 추가 #261

feat(member): 게시판 재분류, 해시태그 기능 추가 #261

Conversation

Jeong-Ag commented Jan 3, 2025

Summary

Tasks

To Reviewer

Screenshot

changeset-bot bot commented Jan 3, 2025 • edited Loading

⚠️ No Changeset found

codecov bot commented Jan 3, 2025 • edited Loading

Codecov Report

SWARVY left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

cho4u4o left a comment • edited Loading

Choose a reason for hiding this comment

changeset-bot bot commented Jan 3, 2025 •

edited

Loading

codecov bot commented Jan 3, 2025 •

edited

Loading

cho4u4o left a comment •

edited

Loading