ask()함수에 debounce() 함수 추가
#42
Conversation
feat: Google Analytics 추가 & 문구 및 글자 크기 수정
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
이 PR은 |
|
질문 보내기를 눌러도 결과 팝업이 뜨지 않는 것 같습니다! |
koremp
force-pushed
the
feat/add-debounce
branch
from
b10116e
to
8f75c2b
Compare
|
버튼을 누르고 alert가 뜨는 timeout 시간이 너무 오래걸려서 수정이 필요합니다. |
koremp
force-pushed
the
feat/add-debounce
branch
from
3f34b88
to
dcd14ae
Compare
|
제가 force-push해서 지금 |
|
모달이 안 뜹니다! |
네 저한테도 동일하게 뜹니다 맞습니다 우선 푸쉬만 해놨거든요... 미리 커멘트를 달 걸 그랬네요 |
완료하고 다시 멘션하겠습니다. @nestiank |
|
보통 debounce 걸면 연속 클릭이 끝나기 전에는 동작을 안하는 게 맞을텐데 지금은 첫 클릭에 바로 pending 상태로 바뀌고 ask 함수가 실행되는 것 같아요. 근데 지금 동작도 사실 광클이 불가능한 구조니까 상관 없을 것 같긴 하지만 참고차 남겨두어요. 그리고 개인적으로는 alert 확인 누른 다음에는 페이지를 한번 새로고침 한다든지 하는 식으로 업데이트된 화면을 보여주면 좋을 것 같긴 한데, 사실 alert에는 해당 동작을 넣을 수가 없긴 하니까 일단 이대로 가도 괜찮을 것 같아요. 요것도 참고차 남깁니다! |
| makeResponse(res, { | ||
|
|
||
| }) |
There was a problem hiding this comment.
두번째 인자로 {} 이게 꼭 들어가야 하는 건가요? 아니라면 빼면 좋을 것 같아요. 뭔가 싶어서 계속 거슬리긴 하더라고요. 😂
src/components/Ask/index.js
Outdated
| <button className="askButton" disabled={true}>지금은 질문을 보낼 수 없습니다.</button> | ||
| </div> */} | ||
| <div> | ||
| <button className="askButton" onClick={() => { setPending(true) }} > |
There was a problem hiding this comment.
| <button className="askButton" onClick={() => { setPending(true) }} > | |
| <button className="askButton" onClick={() => setPending(true)} > |
요렇게 쓰면 더 깔끔할 것 같아요.
업데이트한 화면을 보여주려면 새로고침을 하기 보다 해당 후보에게 내가 질문을 보냈음을 표시하는 무언가가 있으면 좋을 것 같기는 하네요. |
- 버튼 색상 변경
src/utils/debounce.js를 추가feat/open-test브랜치에 적용된src/components/Ask/index.js의askButton의ask()함수에debounce를 추가