-
Notifications
You must be signed in to change notification settings - Fork 0
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
fix: 한글 질문 중첩 전송 문제 해결 #211 #213
Conversation
- review 페이지 추가
- 스크립트 데이터를 요청해 이를 프롬프트에 뿌려줄 수 있도록 구현(추후 API 주소만 바꿔주면 됩니다.)
- 재생/정지 버튼 토글
- 원인: 한글이 조합 중에는 언더바가 생기는데 이를 엔터나 방향키 띄어쓰기 등의 커서 이동시 해제된다. 조합 중인 상태, 엔터를 눌러 조합이 끝난 후의 상태 둘 다 이벤트가 발생했기 때문이다. - 해결: 엔터를 누른 후 key가 up 되었을 때 전송하도록 해 문제를 해결했습니다.
❌ Deploy Preview for boarlog failed.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
There was a problem hiding this 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="채팅, 프롬프트" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍👍👍👍👍
let seconds = Math.floor(msNumber / 1000); | ||
let hours = Math.floor(seconds / 3600); | ||
seconds = seconds % 3600; |
There was a problem hiding this comment.
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) { |
There was a problem hiding this comment.
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 |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
50%라면 w-1/2로 작성할 수 있어요!
작업 개요
한글 질문 중첩 전송 문제 해결 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