Skip to content

[Feat] 챗봇 페이지 제작#72

Merged
jwj0620gcu merged 14 commits into
mainfrom
70-feat/챗봇-페이지-제작
Jan 31, 2026

Hidden character warning

The head ref may contain hidden characters: "70-feat/\ucc57\ubd07-\ud398\uc774\uc9c0-\uc81c\uc791"
Merged

[Feat] 챗봇 페이지 제작#72
jwj0620gcu merged 14 commits into
mainfrom
70-feat/챗봇-페이지-제작

Conversation

@jwj0620gcu

@jwj0620gcu jwj0620gcu commented Jan 29, 2026

Copy link
Copy Markdown
Collaborator

✨ 주요 변경사항

  • 챗봇 페이지 UI를 제작했습니다.(API 연결 직전)

📝 작업 상세 내용

  • ChatbotPage에서 메시지 상태 관리 및 전송 로직 분리
  • ChatMessageList 컴포넌트로 렌더링 분리
  • 로딩 버블 UI(점 애니메이션)
  • 반응형 적용

✅ 체크리스트

  • PR 본문에 Close #번호 추가
  • 불필요한 주석, 디버깅 코드 제거
  • 기능 테스트 및 정상 동작 확인
  • 커밋컨벤션 / 코드컨벤션 준수

📸 스크린샷 (선택)

2026-01-29.1.45.39.mov

🔍 기타 참고사항

  • 피그마 봇 초기 메시지가 줄 바꿈이 어색하게 되어 있어서 컨테이너 크기 늘리고
    긴 문장 아예 줄 바꿈 안 되게 바꿔놨습니다.!

🔗 관련 이슈

@github-actions github-actions Bot added the ✨Feature 새로운 기능 label Jan 29, 2026
@github-actions

Copy link
Copy Markdown

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 포맷 필요
Test: 실패
Build: 실패

@github-actions

Copy link
Copy Markdown

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 통과
Test: 통과
Build: 성공
Build Size: 6MB

@github-actions

Copy link
Copy Markdown

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 통과
Test: 통과
Build: 성공
Build Size: 6MB

@KyeongJooni KyeongJooni left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

고생하셨습니다!! 코멘트 확인해주세요 😄

Comment thread src/pages/chatbot/ui/ChatbotPage.tsx Outdated

`;

export default function ChatbotPage() {

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

아까 말씀드렸지만 화살표 함수 사용을 권장합니다!

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.

변경했습니다!

Comment on lines +13 to +14
'rounded-[var(--radius-l)]',
'max-w-[720px]',

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

가로 맥스값 변경이 다른 페이지에서 사용할 때 이상하게 나올 수도 있을 것 같아서
chatbotNotice variant에만 720px를 적용하고 기본으로는 기존에 속성 남기면 좋을 것 같습니다!!

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.

이 방법 안 쓰고 계속 기존 속성 변경했는데 감사합니다!

Comment on lines +3 to +12
export type ChatMessage = {
id: string;
role: 'bot' | 'user';
content: string;
status?: 'loading' | 'done';
};

type ChatMessageListProps = {
messages: ChatMessage[];
};

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

지금 정의 되는 타입이 두개 정도 인데 model에 types.ts로 분리하는 방법도 있어보입니다!! 고려를 하시면 좋을 것 같아요 꼭 이렇게 수정하라는 건 아닙니다!

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.

분리했습니다!

@github-actions

Copy link
Copy Markdown

PR 검증 결과

TypeScript: 통과
ESLint: 통과
Prettier: 통과
Test: 통과
Build: 성공
Build Size: 6MB

@KyeongJooni KyeongJooni left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

고생하셨습니다!! :)

@jwj0620gcu
jwj0620gcu merged commit adacff9 into main Jan 31, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨Feature 새로운 기능

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feat] #70 - 챗봇 페이지 제작

2 participants