Skip to content

[Feat]: 상위 목표 뷰 구현 #107

Merged
jisooooooooooo merged 55 commits intodevelopfrom
feat/#52/goalUpperWrite
Jul 16, 2025
Merged

[Feat]: 상위 목표 뷰 구현 #107
jisooooooooooo merged 55 commits intodevelopfrom
feat/#52/goalUpperWrite

Conversation

@jisooooooooooo
Copy link
Copy Markdown
Collaborator

@jisooooooooooo jisooooooooooo commented Jul 11, 2025

💡 Summary

#52

✅ Tasks

상위 목표 뷰 구현

  • 각 세부 목표를 입력했을 때 만다르트의 해당 위치에 반영
  • 텍스트 필드에 1개 이상 입력해야 완성 버튼 활성화
  • 모달에서 AI 추천 목표 선택 후 닫으면 AI로 빈칸 채우기 버튼 비활성화, 툴팁 닫힘
  • 만다라트 박스 선택, 호버 시 상태 변화 제거

👀 To Reviewer

📸 Screenshot

@jisooooooooooo jisooooooooooo self-assigned this Jul 11, 2025
@jisooooooooooo jisooooooooooo added the ✨ Feature 기능 개발 label Jul 11, 2025
@jisooooooooooo jisooooooooooo linked an issue Jul 11, 2025 that may be closed by this pull request
1 task
@github-actions
Copy link
Copy Markdown

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

Copy link
Copy Markdown
Contributor

@kwonsaebom kwonsaebom left a comment

Choose a reason for hiding this comment

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

수고많으셨습니다 !!
리뷰 몇 개만 확인해주세요 😽

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

빌드 결과

빌드 실패 😵

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

Copy link
Copy Markdown
Contributor

@shinjigu shinjigu left a comment

Choose a reason for hiding this comment

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

전체적으로 컴포넌트 구조를 체계적으로 분리하고, 상태 관리를 props로 잘 해주셔서 하위 목표 뷰 구현에 참고 많이 했습니다 ㅎ.ㅎ

Comment on lines +40 to +50
const handleAiSubmit = (selected: string[]) => {
const updated = [...subGoals];
let selectedIndex = 0;
for (let i = 0; i < updated.length; i++) {
if (updated[i].trim() === '' && selectedIndex < selected.length) {
updated[i] = selected[selectedIndex];
selectedIndex++;
}
}
setSubGoals(updated);
};
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

p5) AI 추천 모달 처리 로직이 잘 구현되어 있네용 빈 칸만 채우는 로직이 사용자 친화적입니다 🫶🏻

Comment on lines +23 to +29
const updatedValues = (index: number, newValue: string) =>
values.map((v, i) => (i === index ? newValue : v));

const handleChange = (index: number, newValue: string) => {
const newValues = updatedValues(index, newValue);
onChange(newValues);
};
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

p5) updatedValues 함수 분리한 것 좋네용

Comment on lines +33 to +40
{values.map((value, index) => (
<TextField
key={index}
variant="subGoal"
value={value}
onChange={(val) => handleChange(index, val)}
placeholder={`${ORDER_LABELS[index]} ${DEFAULT_PLACEHOLDER.subGoal}`}
/>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

p4) key={index}를 사용하는 것보다 고유한 식별자를 사용하는 것이 좋지 않을까라는 생각이 들었지만 배열 순서가 변경되지 않는다면 현재 방식도 좋아요 !!

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

고정으로 8개 텍스트 필드를 사용하고 있어서 index를 사용하긴 했는데 어떻게 생각하시나요?

@jisooooooooooo jisooooooooooo merged commit e9eac2d into develop Jul 16, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: 상위 목표 작성 뷰 구현

3 participants