Skip to content

[Feat] ChatInput 컴포넌트 제작#42

Merged
YeBeenChoi merged 10 commits into
mainfrom
41-feat/ChatInput-컴포넌트-제작
Jan 21, 2026

Hidden character warning

The head ref may contain hidden characters: "41-feat/ChatInput-\ucef4\ud3ec\ub10c\ud2b8-\uc81c\uc791"
Merged

[Feat] ChatInput 컴포넌트 제작#42
YeBeenChoi merged 10 commits into
mainfrom
41-feat/ChatInput-컴포넌트-제작

Conversation

@YeBeenChoi

@YeBeenChoi YeBeenChoi commented Jan 20, 2026

Copy link
Copy Markdown
Collaborator

✨ 주요 변경사항

  • ChatInput 컴포넌트 구현 및 전송 상태 처리
  • send 아이콘 추가
  • Playground에 ChatInput 예시 추가

📝 작업 상세 내용

  • Enter 키 입력 or 전송 버튼 클릭 시 전송되도록 처리
  • send 아이콘은 SVG 구조를 분리해 원 / 화살표를 상태에 따라 개별로 색상 제어 가능하도록 구현

✅ 체크리스트

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

📸 스크린샷 (선택)

2026-01-21.22.20.01.mov

🔍 기타 참고사항


🔗 관련 이슈

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

Copy link
Copy Markdown

PR 검증 결과

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

@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 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

예빈님 수고하셨습니다!~!
커멘트 하나 달아놔서 확인 부탁드립니다!

Comment thread src/shared/ui/ChatInput/ChatInput.tsx Outdated
Comment on lines +49 to +54
const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {
if (event.key === 'Enter' && !event.nativeEvent.isComposing) {
event.preventDefault();
handleSend();
}
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

현재 Enter로 바로 전송되는데, multiline 확장 시Enter / Shift+Enter를 따로 만드는 것도 좋을 것 같습니다.!

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.

좋은 의견 감사합니다! 멀티라인 확장 가능성을 고려해서 inputtextarea로 변경하고 Enter = 전송, Shift + Enter = 줄바꿈으로 처리했습니다! 우선 최대 4줄까지만 표시되고 그 이상은 스크롤로 처리되도록 구현했습니다!

@github-actions

Copy link
Copy Markdown

PR 검증 결과

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

@YeBeenChoi
YeBeenChoi merged commit 725844a into main Jan 21, 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] #41 - ChatInput 컴포넌트 제작

3 participants