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

fix: 한글 질문 중첩 전송 문제 해결 #211 #213

Merged

Conversation

Byeonjin
Copy link
Collaborator

@Byeonjin Byeonjin commented Dec 6, 2023

작업 개요

한글 질문 중첩 전송 문제 해결 close #211

작업 사항

  • 메세지를 보낼 이벤트 변경

고민한 점들(필수 X)

  • 원인: 한글이 조합 중에는 언더바가 생기는데 이를 엔터나 방향키 띄어쓰기 등의 커서 이동시 해제된다.
    조합 중인 상태, 엔터를 눌러 조합이 끝난 후의 상태 둘 다 이벤트가 발생했기 때문이다.

  • 해결: 엔터를 누른 후 key가 up 되었을 때 전송하도록 해 문제를 해결했습니다.

스크린샷(필수 X)

해결 전 - 조합 중일 때 엔터키 입력

2023-12-06.7.25.37.mov

해결 전 - 조합 끝난 후 엔터키 입력

2023-12-06.7.25.51.mov

해결 후

2023-12-06.7.26.13.mov

- 스크립트 데이터를 요청해 이를 프롬프트에 뿌려줄 수 있도록 구현(추후 API 주소만 바꿔주면 됩니다.)
- 원인: 한글이 조합 중에는 언더바가 생기는데 이를 엔터나 방향키 띄어쓰기 등의 커서 이동시 해제된다.
조합 중인 상태, 엔터를 눌러 조합이 끝난 후의 상태 둘 다 이벤트가 발생했기 때문이다.

- 해결: 엔터를 누른 후 key가 up 되었을 때 전송하도록 해 문제를 해결했습니다.
@Byeonjin Byeonjin added 🐞 Fix 버그 수정 FE 프론트엔드 작업 labels Dec 6, 2023
@Byeonjin Byeonjin added this to the 5주차 milestone Dec 6, 2023
@Byeonjin Byeonjin self-assigned this Dec 6, 2023
Copy link

netlify bot commented Dec 6, 2023

Deploy Preview for boarlog failed.

Name Link
🔨 Latest commit ba390ec
🔍 Latest deploy log https://app.netlify.com/sites/boarlog/deploys/65712a87a462560008a00011

Copy link
Collaborator

@Jw705 Jw705 left a comment

Choose a reason for hiding this comment

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

LGTM!

Copy link
Collaborator

@LellowMellow LellowMellow left a comment

Choose a reason for hiding this comment

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

고생 많으셨습니다!! 정말... 이런 이슈가 발생할 수 있을지도 몰랐네요... 아주 좋습니다 👍👍👍👍👍

@@ -12,16 +11,14 @@ const QuestionLogButton = ({ className }: { className?: string }) => {
className={`${className} w-12 h-12 flex justify-center items-center rounded-xl mb-3 ${
isQuestionLogOpen ? "transparent" : "bg-grayscale-lightgray shadow-md"
}`}
aria-label="질문 리스트"
aria-label="채팅, 프롬프트"
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍👍👍👍👍

Comment on lines +31 to +33
let seconds = Math.floor(msNumber / 1000);
let hours = Math.floor(seconds / 3600);
seconds = seconds % 3600;
Copy link
Collaborator

Choose a reason for hiding this comment

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

가능하다면 magic number 따로 선언해주시면 좋을 것 같습니다!

interface LogContainerInterface {
type: "question" | "prompt";
className: string;
function convertMsToTimeString(ms: string) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

해당 function도 재활용될 수 있다면, util로 빼보는건 어떨까 싶어요! 나중에 개선 과정에서 같이 논의해봐요!

useEffect(() => {
axios("./reviewLecture.json")
.then(({ data }) => {
// @ts-ignore
Copy link
Collaborator

Choose a reason for hiding this comment

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

흑흑... ts 미지원으로 고생 많으십니다... 이 부분도 다음주에 같이 해결해봐요!

{isPlaying ? <PlayIcon /> : <PauseIcon />}
</button>
<div className="relative grow h-1 bg-grayscale-lightgray">
<div className="absolute top-0 left-0 h-1 w-[50%] bg-boarlog-100"></div>
Copy link
Collaborator

Choose a reason for hiding this comment

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

50%라면 w-1/2로 작성할 수 있어요!

@Byeonjin Byeonjin merged commit 144071a into boostcampwm2023:dev Dec 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 작업 🐞 Fix 버그 수정
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Fix: 참여자 한글 질문 엔터로 전송시 마지막 글자가 중복 전송되는 문제
3 participants