Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

회고 생성 플로우 (API 연동 제외) #56

Merged
merged 60 commits into from
Jul 31, 2024

Conversation

leeminhee119
Copy link
Member

@leeminhee119 leeminhee119 commented Jul 29, 2024

회고 생성 플로우 (API 연동 제외)


🏄🏼‍♂️‍ Summary (요약)

  • 회고 생성 플로우 작성 (API 연동 제외)
image

🫨 Describe your Change (변경사항)

useMultiStepForm 훅을 작성해 하나의 페이지에서 여러 단계를 관리할 수 있도록 했습니다.

입력 데이터 관련 아톰


회고 생성 페이지 (아래 네 개의 단계로 구성됩니다)

회고 생성 시작 단계

회고명, 한줄 설명 입력 단계

템플릿 수정 단계 (여기서 플로우가 한 뎁스 더 들어가서 useMultiStepForm을 한 번 더 호출해요!)

회고 마감일 설정 단계

회고 작성 완료 페이지 (이전 단계들과 다른 route를 갖는 별도 페이지입니다!)

🧐 Issue number and link (참고)

📚 Reference (참조)

전체적인 뷰의 구조입니다! (별도의 URL을 지닌 페이지는 RetrospectCreate, RetrospectCreateComplete 총 두 개입니다.)

  • RetrospectCreate: 회고 생성 페이지
  1. Start: 회고 생성 시작 뷰
  2. MainInfo: 회고명, 한줄 설명 입력 뷰
  3. CustomTemplate: 템플릿 질문 수정 (수정에는 세 가지 뷰가 있는데, 이 뷰들을 담고 있는 부모 컴포넌트입니다!)
  • ConfirmDefaultTemplate: 수정 없는 경우 확인 뷰
  • EditQuestions: 수정 뷰 (바텀시트 포함)
  • ConfirmEditTemplate: 수정 완료 후 확인 뷰
  1. DueDate: 회고 마감일 입력 뷰

@leeminhee119 leeminhee119 added the 🚀 feature New feature or request label Jul 29, 2024
@leeminhee119 leeminhee119 added this to the v1.0.0 milestone Jul 29, 2024
@leeminhee119 leeminhee119 self-assigned this Jul 29, 2024
Copy link
Member

@klmhyeonwoo klmhyeonwoo left a comment

Choose a reason for hiding this comment

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

고생하셨습니다,, ✨

Copy link
Collaborator

@sean2337 sean2337 left a comment

Choose a reason for hiding this comment

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

Meehee is god...✨🌟

Comment on lines +1 to +58
export const REQUIRED_QUESTIONS = ["진행상황에 대해 얼마나 만족하나요?", "목표했던 부분에 얼마나 달성했나요?"] as const;

export const QUESTION_TYPES = ["팀워크", "의사소통", "문제해결", "시간관리", "목표설정", "자기계발", "목표달성"] as const;

export const RECOMMENDED_QUESTIONS: Record<(typeof QUESTION_TYPES)[number], string[]> = {
팀워크: [
"팀과의 협업은 어떻게 이루어졌나요?",
"협업 과정에서 개선이 필요한 부분은 무엇인가요?",
"팀워크를 향상시키기 위해 무엇을 할 수 있을까요?",
"팀워크 강화를 위해 어떤 노력이 필요했나요?",
],
의사소통: [
"팀원 간의 소통은 원활했나요?",
"팀원들과의 의사소통에서 중요하다고 느낀 점은 무엇이었나요?",
"팀 내에서의 역할 분담은 적절했나요?",
"의견 차이가 있을 때 어떻게 해결했나요?",
],
문제해결: [
"직면한 문제를 어떻게 해결했나요?",
"문제 해결 과정에서 배운 점은 무엇인가요?",
"비슷한 문제를 다시 겪을 때 더 나은 해결책은 무엇일까요?",
"프로젝트 진행 중에 가장 큰 어려움은 무엇이었나요?",
"어떤 문제가 발생했고, 이를 어떻게 해결했나요?",
"예상치 못한 도전 과제는 무엇이었나요?",
],
시간관리: [
"업무 시간을 어떻게 관리했나요?",
"가장 효과적으로 시간을 사용한 순간은 언제였나요?",
"시간을 낭비했다고 생각되는 순간은 언제인가요?",
"시간 관리를 개선하기 위해 무엇을 할 수 있을까요?",
],
목표설정: [
"최근에 직면한 가장 큰 도전은 무엇이었나요?",
"다음 프로젝트의 주요 목표는 무엇인가요?",
"목표 달성을 위한 계획은 무엇인가요?",
"목표 달성을 방해할 수 있는 잠재적인 장애물은 무엇인가요?",
"목표 달성을 위해 필요한 기술이나 역량은 무엇인가요?",
],
자기계발: [
"자신에게 주고 싶은 피드백은 무엇인가요?",
"스스로 개선이 필요하다고 생각되는 부분은 무엇인가요?",
"개선점을 바탕으로 앞으로 어떻게 발전할 수 있을까요?",
"배운 내용을 실제 업무에 어떻게 적용했나요?",
"추가적인 공부가 필요하다고 생각되는 부분은 무엇인가요?",
"최근에 들은 강의나 교육 프로그램에서 가장 유익했던 부분은 무엇인가요?",
"프로젝트를 통해 개인적으로 성장한 부분은 무엇인가요?",
"앞으로의 프로젝트에서 자신에게 기대하는 것은 무엇인가요?",
],
목표달성: [
"이번 프로젝트의 주요 목표는 무엇이었나요?",
"목표 달성에 가장 크게 기여한 요인은 무엇이었나요?",
"이번 프로젝트에서 가장 큰 성과는 무엇이었나요?",
"목표 달성을 위해 어떤 노력을 기울였나요?",
"다음 프로젝트에서는 어떤 점을 개선하고 싶나요?",
"더 나은 성과를 위해 어떤 방법을 사용할 수 있을까요?",
"이번 프로젝트에서 배운 가장 중요한 교훈은 무엇인가요?",
],
};
Copy link
Member

Choose a reason for hiding this comment

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

옷 나도 이렇게 CONST 파일 별도로 분리해야겠댜

Copy link
Collaborator

Choose a reason for hiding this comment

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

오 이렇게 하는게 더 깔끔하네요~!! 굿굿

@leeminhee119
Copy link
Member Author

Meehee is god...✨🌟

noooo... "Minhee"

Comment on lines +1 to +3
export const PATHS = {
completeRetrospectCreate: () => `/retrospect/complete`,
};
Copy link
Member

Choose a reason for hiding this comment

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

오~ 좋아요 좋아요~
저도 해당 부분 머지 후 반영하도록 하겠습니다!

Copy link
Collaborator

Choose a reason for hiding this comment

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

저두요~!!

Copy link
Collaborator

@donghunee donghunee left a comment

Choose a reason for hiding this comment

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

수고하셨습니다:)

@leeminhee119 leeminhee119 merged commit ce5bee0 into develop Jul 31, 2024
1 check passed
@leeminhee119 leeminhee119 deleted the feat/35/retrospect-create branch July 31, 2024 08:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🚀 feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants