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.

Sign up for GitHub

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

Jump to bottom

[feat] 챗봇 가이드 세부 기능 및 디자인 수정 #72

Open
13 tasks done
inaemon opened this issue Nov 25, 2024 · 0 comments
Open
13 tasks done

[feat] 챗봇 가이드 세부 기능 및 디자인 수정 #72

inaemon opened this issue Nov 25, 2024 · 0 comments
Assignees
@inaemon
Labels
🎨 design 새로운 컴포넌트 추가 / 디자인 요소 수정 🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) 🐻 INAE 인애 Issue & PR 🔄 refactor 코드 리팩토링

Comments

@inaemon
Copy link
Member

inaemon commented Nov 25, 2024 •
edited
Loading

📄구현할 기능 요약

추가하려는 기능에 대해 간결하게 설명해주세요.
챗봇 가이드 세부사항 수정

✅작업 상세 내용

API 데이터

  • stadium front 말고 back으로 넘기기
  • 가이드 답변 데이터를 백엔드에서 string 타입으로 바꾸어서 엔퍼센트 파싱해서 렌더링하기
  • 가이드 답변 데이터에서 answer말고 image도 받기

디자인

  • 먹거리 보러가기 버튼 추가
  • 가이드 답변 데이터 중에서 버튼이나 이미지있는 컴포넌트 커스텀화
  • 처음에 챗봇 사용가이드 이미지 렌더링
  • 이미지 누를 때 띄워지는 모달창 만들기

이벤트

  • 카테고리 히스토리로 15개 담게 했는데 옛날 데이터 지워지고 새로운 데이터 띄우는 기능 안 먹힘 해결하기
  • 이미지 누르면 창 띄우는 거 이벤트 넣기
  • 카테고리 클릭시 카테고리창 닫히게
  • 스크롤 완전히 맨 끝으로 내려가게

모듈화

  • 카테고리 커스텀 컴포넌트 분리: 이미지, 텍스트리스트, 컴포넌트
  • 세부카테고리(가이드 API 답변) 커스텀 컴포넌트 분리: 이미지있는 경우, 텍스트, 버튼있는 경우

📚참고할만한 자료(선택)
@inaemon inaemon added 🎨 design 새로운 컴포넌트 추가 / 디자인 요소 수정 🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) 🐻 INAE 인애 Issue & PR labels Nov 25, 2024
@inaemon inaemon self-assigned this Nov 25, 2024
@inaemon inaemon changed the title [design] 챗봇 가이드 세부 기능 및 디자인 수정 [feat] 챗봇 가이드 세부 기능 및 디자인 수정 Nov 25, 2024
@inaemon inaemon added the 🔄 refactor 코드 리팩토링 label Nov 25, 2024
inaemon added a commit that referenced this issue Nov 25, 2024
@inaemon
(#72) 🐞 fix: 챗봇 가이드 선택한 stadium 값을 백엔드 통신용 파라미터 데이터로 변환하여 API 요청
050132e
inaemon added a commit that referenced this issue Nov 25, 2024
@inaemon
(#72) 🚀 feat: 챗봇 가이드 API 받은 데이터 타입 변환 및 파싱하여 반환
fdc7fcc
inaemon added a commit that referenced this issue Nov 25, 2024
@inaemon
(#72) ✨ style: 챗봇 데이터 관련 함수에서 변수명 변경 및 주석 추가
6dcaa80
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 백엔드로부터 받은 answer 데이터의 타입을 string array에서 string으로 처리하도록 수정
aea0446
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 new line 반영 말풍선 pre tag 대신에 css 방식으로 변경
c39800a
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 new line 반영 꼬랑지 말풍선 제작
a074969
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 화이트 리스트 말풍선 제작
009df1b
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 화이트 리스트 꼬랑지 말풍선 제작
ab912ae
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 이미지 말풍선 제작
5b0fcc1
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🔄 refactor: 카테고리챗 컴포넌트화한 말풍선으로 출력
6afa3c2
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 이미지 말풍선 제작
1bc8e1d
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🔄 refactor: 카테고리챗 컴포넌트화한 말풍선으로 출력
82a5b1b
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) ✨ style: 주석 추가 및 코드 안정성을 위해 세미콜론 추가
6a9576d
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 채팅 셋 컴포넌트에 이미지 말풍선 타입 추가
f83df66
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) ✨ style: 루키 채팅 셋 컴포넌트에 주석 설명 추가
ae65f57
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 가이드 답변은 줄바꿈 꼬랑지 말풍선에 출력하도록 수정
c8f476a
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🐞 fix: 줄바꿈 꼬랑지 말풍선 컴포넌트에서 꼬랑지 안 나오는 현상 해결
3ad77bd
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 초기에 챗봇 가이드 이미지도 띄우도록 설정
4e24904
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 챗봇 말풍선 너비 일반화 및 모듈화
6110021
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 채팅창 이미지 클릭시 모달창으로 띄우기
8d369d6
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 이미지 모달 커스텀 훅 제작
a48715e
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: new line 반영 말풍선 컴포넌트 제작
32f8783
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 new line 반영 말풍선 pre tag 대신에 css 방식으로 변경
7a50d83
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 new line 반영 꼬랑지 말풍선 제작
b6e0524
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 화이트 리스트 말풍선 제작
725c6d6
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 화이트 리스트 꼬랑지 말풍선 제작
ff85bc0
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 이미지 말풍선 제작
b868ad1
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🔄 refactor: 카테고리챗 컴포넌트화한 말풍선으로 출력
555c525
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) ✨ style: 주석 추가 및 코드 안정성을 위해 세미콜론 추가
cf4a246
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 채팅 셋 컴포넌트에 줄바꿈 인식하는 말풍선 타입 추가
db4fb02
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 루키 채팅 셋 컴포넌트에 이미지 말풍선 타입 추가
2a9ba51
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) ✨ style: 루키 채팅 셋 컴포넌트에 주석 설명 추가
4a6ae6f
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 가이드 답변은 줄바꿈 꼬랑지 말풍선에 출력하도록 수정
974e0ec
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🐞 fix: 줄바꿈 꼬랑지 말풍선 컴포넌트에서 꼬랑지 안 나오는 현상 해결
50ef3ab
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 초기에 챗봇 가이드 이미지도 띄우도록 설정
db44311
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 챗봇 말풍선 너비 일반화 및 모듈화
090c5e9
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 채팅창 이미지 클릭시 모달창으로 띄우기
145a3f5
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 이미지 모달 커스텀 훅 제작
c6bedf9
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 챗봇 가이드 FAQ 카테고리바 외부 영역 클릭시 닫히도록 이벤트 구현
f182854
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 챗봇 가이드 FAQ 카테고리 선택시 카테고리바 닫히는 이벤트 추가
bd658c2
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 챗봇 채팅창 영역 뿐만 아니라 전체 윈도우 영역도 스크롤 아래로 내려가도록 자동 스크롤 이벤트 수정
88a9c57
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 챗봇 페이지 처음 접속시에는 전체 윈도우 자동 스크롤 현상 막기
c6370d9
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 카테고리바 원래 위치로 복원
8459e39
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 백엔드로부터 전달받은 이미지 메시지도 출력되도록 수정
d38d963
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🔄 refactor: 루키 챗 내용물 종류별로 커스텀 말풍선 출력되도록 구조 정규화
2274792
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🐞 fix: 반복 렌더링시 고유 key값을 상위 div 태그에 할당
c6c1c57
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 챗봇 채팅창 아래 여백 줄임
cf41f17
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🎨 design: 이동 버튼이 달린 루키 채팅 말풍선 컴포넌트 제작
592a5bd
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 챗봇 가이드 API 데이터 link, linkName 추가 및 연동
f9d1ad7
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#72) 🚀 feat: 챗봇 가이드 link, linkName 데이터 모든 API 로직 및 디자인 연동
91567c7
inaemon added a commit that referenced this issue Nov 27, 2024
@inaemon
(#78) 🐻 INAE: 챗봇 가이드 세부 디테일 완성 및 머지
b27867d 
(#72) 🚀 feat: 챗봇 가이드 세부 디테일 수정 및 API 데이터 추가
Merge pull request #78 from KUSITMS-30th-TEAM-A/feat/#72-chatbotGuide
@inaemon inaemon mentioned this issue Nov 29, 2024
Merged
32 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@inaemon inaemon

Labels
🎨 design 새로운 컴포넌트 추가 / 디자인 요소 수정 🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) 🐻 INAE 인애 Issue & PR 🔄 refactor 코드 리팩토링
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@inaemon