이전에서 카카오톡 간편인증을 처리하는 로직을 트래픽 부하를 줄이기 위해 개선해보았다.
[React] 카카오톡 간편인증관련
현재 세금환급서비스를 만들고 있다. 그 중에서 기존에 해보지 않은 로직을 짤 일이 생겨서, 이렇게 기록으로 남겨둔다. 물론 지금의 코드는 추후 개선될 확률이 높다. 먼저 코드를 짜기 전에,
haardy.tistory.com
바뀐 점은 다음 한 가지이다.
- (기존)1분동안 계속해서 API호출을 불러와서 인증을 확인함 => 고객이 인증버튼을 눌렀을 때, 5초간 API호출
위와 같이 바꾼다면, 많은 사용자들이 동시에 인증요청을 하였을 때, 단시간내의 트래픽을 많이 줄일 수 있다고 생각하였다.
아래는 플로우대로 이미지를 캡쳐해보았다.
개선된 인증로직
버튼을 누르자마자 로딩을 활성화시키고, 5초간 인터벌로 API호출을 시작한다. 5초 후에는 로딩을 비활성화시키면서 결과값을 판단한다.
인증이 완료되지않았을 경우에는, 위 이미지와 같이 에러모달창을 띄우며 고객에게 두 가지의 선택지를 준다.
현재로써 내가 생각할 수 있는 방법 중 위와 같은 방법이 최선인 것 같다.
훗날 이 로직을 또 개선하게되면, 그때 또 포스팅하겠다.
'React' 카테고리의 다른 글
| [React] 카카오톡 간편인증관련 (0) | 2023.02.24 |
|---|---|
| 네이버클라우드에서 Nginx적용 후, 리액트 배포하기 (0) | 2023.02.14 |
| 리액트 this키워드 문제 (0) | 2023.01.06 |
| useMemo와 useCallback을 이용한 렌더링 최적화 (0) | 2022.12.18 |
| useEffect는 비동기적이지 않다. (0) | 2022.12.12 |
