feat(member): 활동 그룹 관리 및 과제 제출 조회 및 피드백 생성 #201

Jeong-Ag · 2024-08-14T15:33:31Z

Summary

#39

활동 그룹 관리를 위한 컴포넌트를 생성하고 과제 조회와 피드백 기능을 구현합니다.

Tasks

활동 그룹 공지사항, 주차별 활동, 과제 관리 기능
과제 제출 조회 및 미제출 명단 조회
과제 피드백 기능

ETC

부모 게시판 하위의 게시판 리스트를 나타내는 경우 하위 게시판이 수정되거나 추가되어도 리스트에 즉시 반영되지 않고 새로고침 해야 변경된 내용이 반영됩니다 (ex 관리 페이지 내에서 주차별 활동에 과제를 생성한 경우 바로 조회되지 않고 새로고침 해야 나타남).
query key를 DETAIL, BOARD 등으로 나누어 사용하는 부분이 원인으로 예상됩니다. 해당 부분 관련하여 고민한 후 리팩토링 하겠습니다.
활동 그룹 정보 관리 기능은 백엔드 api 수정 완료되면 연동하겠습니다.

Screenshot

changeset-bot · 2024-08-14T15:33:35Z

⚠️ No Changeset found

Latest commit: 6b90923

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.

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

…to feature/#39

apps/member/src/components/group/ActivityAssignmentEditor/ActivityAssignmentEditor.tsx

apps/member/src/components/group/AssignmentFeedbackModal/AssignmentFeedbackModal.tsx

apps/member/src/hooks/queries/activity/useActivityGroupBoardByCategory.ts

apps/member/src/hooks/queries/activity/useActivityGroupBoardByParent.ts

apps/member/src/hooks/queries/activity/useActivityGroupMemberList.ts

SWARVY

수고 많으셨습니다잇

apps/member/src/components/group/ActivityAssignmentEditor/ActivityAssignmentEditor.tsx

apps/member/src/components/group/ActivityConfigTableSection/ActivityConfigTableSection.tsx

apps/member/src/components/group/ActivityPostEditor/ActivityPostEditor.tsx

apps/member/src/components/group/GroupCreateSection/GroupCreateSection.tsx

apps/member/src/pages/GroupAssignmentPage/GroupAssignmentPage.tsx

gwansikk · 2024-08-15T12:50:36Z

apps/member/src/hooks/queries/activity/useActivityGroupBoardByParent.ts

+  size = 20,
+}: useActivityGroupBoardByParentProps) {
+  return useSuspenseQuery({
+    queryKey: [...ACTIVITY_QUERY_KEY.BOARDS(), 'by-parent', parentId],


해당 프로젝트에서는 QueryKey를 Query Key Factory를 사용하여 관리하고 있어요, 해당 코드에서 사용하는 것 처럼 by-parent와 parentId를 선언하여 사용하면, 이후 QueryKey를 관리하기 어려워져요. ACTIVITY_QUERY_KEY에 QueryKey를 선언적으로 사용할 수 있도록 개선해보는건 어떨까요

ref: https://tkdodo.eu/blog/effective-react-query-keys#use-query-key-factories

감사합니다 남겨주신 글 참고해서 읽어보고 추가적으로 선언하여 개선하겠습니다~

현재 별도로 분리하지 않고 BOARD의 params로 설정하였는데 따로 BOARD_CATEGORY나 BOARD_PARENT로 별도 선언하는 방법과 비교하면 어떤 것이 더 관리하기 좋은 방법일지 여쭤보고 싶습니다. 쿼리 키가 많아질 것을 걱정하여 위와 같은 방법으로 사용했는데 별도 선언하는 것이 더 직관적이고 관리하기 쉬울까요?

제 생각에는 별도로 분리하는게 관리성이 좋다 입니다, 쿼리키는 다른 파일에서도 사용할 수 있는데요(쿼리키를 비활성화) 따로 분리하여 관리할 경우 직관적이고 명시적으로 사용할 수 있다고 생각해요

SWARVY

고민한 흔적이 많이 보이네요! 리뷰 내용 확인하시고 필요한 부분은 수정해주세요 :)

수고 많으셨습니다

apps/member/src/components/group/ActivityAssignmentEditor/ActivityAssignmentEditor.tsx

apps/member/src/components/group/ActivityBoardEditModal/ActivityBoardEditModal.tsx

apps/member/src/hooks/queries/activity/useActivityGroupBoard.ts

SWARVY · 2024-08-17T11:38:58Z

apps/member/src/pages/GroupAssignmentPage/GroupAssignmentPage.tsx


-  const feedback = myAssignment?.[0].feedbacks?.[0];
+  const isLeader = groupDetail?.groupMembers.some(


배열 내장함수를 적극적으로 사용하는거 보기 좋아요 bb

apps/member/src/api/activity.ts

Jeong-Ag added 11 commits August 9, 2024 19:05

refactor(member): 활동 그룹 카테고리 상수화, 타입 수정 (#39)

2c883d0

refactor(member): 반복되는 요소 컴포넌트화 (#39)

6b85683

feat(member): 활동 그룹 공지 관리 컴포넌트 생성 및 api 연동 (#39)

2e97570

refactor(member): 게시판 관리 테이블 모든 카테고리에서 사용 가능하도록 변경 (#39)

c846b67

feat(member): 주차별 활동 관리 api 연동 (#39)

fcea174

feat(member): 과제 추가 컴포넌트 생성 (#39)

7c5797e

fix(member): 각 주차별 활동에 맞는 과제만 나타나도록 수정 (#39)

573368c

feat(member): 과제 첨부파일 조회 및 레이아웃 수정 (#39)

3e6d635

feat(member): 과제 제출 조회 확인 section 생성 (#39)

29cb4ed

feat(member): 피드백 입력 모달 추가 (#39)

f3dac98

refactor(member): 멤버 활동 신청 컴포넌트 및 연동 리팩토링 (#39)

6bb20ef

Jeong-Ag added ✨ Feature 새로운 기능 명세 및 개발 🔨 Refactor 코드 수정 및 최적화 🏠 Member member 프로젝트 관련 labels Aug 14, 2024

Jeong-Ag requested review from gwansikk and SWARVY August 14, 2024 15:33

Jeong-Ag self-assigned this Aug 14, 2024

Jeong-Ag and others added 8 commits August 15, 2024 00:51

Merge branch 'main' of https://github.com/KGU-C-Lab/clab-platforms in…

7f6fafb

…to feature/#39

chore(member): change @clab/- to @clab-platforms (#39)

b30852c

chore(member): change @clab/- to @clab-platforms (#39)

286b23a

chore(member): change @clab/- to @clab-platforms (#39)

a6cdc1b

Merge branch 'main' into feature/#39

f8bab06

Merge branch 'main' into feature/#39

0e09bea

Delete .changeset/friendly-countries-love.md

0261030

Merge branch 'main' into feature/#39

a2318e1

gwansikk changed the title ~~활동 그룹 관리 및 과제 제출 조회 및 피드백 생성~~ feat(member): 활동 그룹 관리 및 과제 제출 조회 및 피드백 생성 Aug 15, 2024

gwansikk added 2 commits August 15, 2024 16:05

Merge branch 'main' into feature/#39

6b90923

Create early-crews-fly.md

3d33017

gwansikk requested changes Aug 15, 2024

View reviewed changes

SWARVY requested changes Aug 15, 2024

View reviewed changes

Merge branch 'main' into feature/#39

6d76271

gwansikk mentioned this pull request Aug 15, 2024

[DesignSystem] 컴포넌트 추가 #209

Open

2 tasks

Jeong-Ag added 3 commits August 15, 2024 20:57

refactor(member): props 이름 변경 및 Options Object Pattern으로 변경

40cfcfa

refactor(member): 활동 멤버 role, 활동 status 상수화

1ec69e1

refactor(member): 배열 생성 키워드 수정

b789b8f

Jeong-Ag requested review from SWARVY and gwansikk August 15, 2024 12:37

gwansikk requested changes Aug 15, 2024

View reviewed changes

Jeong-Ag added 4 commits August 16, 2024 16:11

refactor(member): 멤버 상태 상수화 및 관련 상수명 수정

775ae25

feat(member): 활동 그룹 정보 수정 api 연동

21d231e

refactor(member): 신규 데이터 조회 관련 쿼리키 개선

10dacd8

refactor(member): 사용 데이터 변경

8471a33

Jeong-Ag requested a review from gwansikk August 17, 2024 10:43

SWARVY requested changes Aug 17, 2024

View reviewed changes

Jeong-Ag added 2 commits August 17, 2024 21:03

refactor(member): 게시판 타입 상수화

31b225c

refactor(member): 데이터 반환 수정, 쿼리키 수정

a7a374f

Jeong-Ag requested a review from SWARVY August 17, 2024 12:06

gwansikk approved these changes Aug 17, 2024

View reviewed changes

SWARVY approved these changes Aug 17, 2024

View reviewed changes

SWARVY merged commit 5259e47 into main Aug 17, 2024
4 checks passed

gwansikk deleted the feature/#39 branch August 17, 2024 15:09

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(member): 활동 그룹 관리 및 과제 제출 조회 및 피드백 생성 #201

feat(member): 활동 그룹 관리 및 과제 제출 조회 및 피드백 생성 #201

Jeong-Ag commented Aug 14, 2024

changeset-bot bot commented Aug 14, 2024 •

edited

Loading

SWARVY left a comment

gwansikk Aug 15, 2024 •

edited

Loading

Jeong-Ag Aug 15, 2024

Jeong-Ag Aug 17, 2024

gwansikk Aug 17, 2024 •

edited

Loading

SWARVY left a comment •

edited

Loading

SWARVY Aug 17, 2024 •

edited

Loading


		const feedback = myAssignment?.[0].feedbacks?.[0];
		const isLeader = groupDetail?.groupMembers.some(

feat(member): 활동 그룹 관리 및 과제 제출 조회 및 피드백 생성 #201

feat(member): 활동 그룹 관리 및 과제 제출 조회 및 피드백 생성 #201

Conversation

Jeong-Ag commented Aug 14, 2024

Summary

Tasks

ETC

Screenshot

changeset-bot bot commented Aug 14, 2024 • edited Loading

⚠️ No Changeset found

SWARVY left a comment

Choose a reason for hiding this comment

gwansikk Aug 15, 2024 • edited Loading

Choose a reason for hiding this comment

Jeong-Ag Aug 15, 2024

Choose a reason for hiding this comment

Jeong-Ag Aug 17, 2024

Choose a reason for hiding this comment

gwansikk Aug 17, 2024 • edited Loading

Choose a reason for hiding this comment

SWARVY left a comment • edited Loading

Choose a reason for hiding this comment

SWARVY Aug 17, 2024 • edited Loading

Choose a reason for hiding this comment

changeset-bot bot commented Aug 14, 2024 •

edited

Loading

gwansikk Aug 15, 2024 •

edited

Loading

gwansikk Aug 17, 2024 •

edited

Loading

SWARVY left a comment •

edited

Loading

SWARVY Aug 17, 2024 •

edited

Loading