react sns 로그인 콜백 중복 호출 오류 관련 문의
- 작성자 :
- 질*자
- 작성일 :
- 2025-01-06 17:30:12
- 조회수 :
- 44
- 구분 :
- 개발환경 / 4.3
- 진행상태 :
- 완료
Q
react frontend sns 로그인 시 callback 이 중복으로 들어오는 현상이 있습니다.
naver, kakao 둘다 동일하며 중복으로 들어올 시 code 값을 다시 사용하게 되므로 token 취득 시 중복사용 오류가 백엔드에서 발생하는데
의도된 것인지 아니면 react 에서 중복 호출되는 부분을 놓친 것인지 궁금합니다.
naver, kakao 둘다 동일하며 중복으로 들어올 시 code 값을 다시 사용하게 되므로 token 취득 시 중복사용 오류가 백엔드에서 발생하는데
의도된 것인지 아니면 react 에서 중복 호출되는 부분을 놓친 것인지 궁금합니다.
환경정보
-
- OS 정보 : Window x64
- 표준프레임워크 버전 : 4.3
- JDK(JRE) 정보 : 17
- WAS 정보 :
- DB 정보 :
- 기타 환경 정보 :
A
안녕하세요
표준프레임워크 센터입니다.
React는 개발 과정에서 버그를 손쉽게 찾을 수 있도록 StrictMode를 지원합니다.
StrictMode에 대한 자세한 설명은 아래 공식 문서를 확인 부탁드립니다.
https://ko.react.dev/reference/react/StrictMode
현재 StrictMode가 활성화되어 있기 때문에
SNS 로그인 컴포넌트의 useEffect(callBackEnd, []) 함수가 두번 실행됩니다.
src/App.js, App.jsx, Main.jsx의 <React.StrictMode> 코드를 주석처리 하여 StrictMode를 비활성화한 후
다시 테스트해 보시면 백엔드에 오류가 발생하지 않는 것을 보실 수 있습니다.
StrictMode로 인한 렌더링 2회 실행은 개발 모드에서만 적용되므로
실제 서비스 시에는 위와 같은 문제는 발생하지 않습니다.
감사합니다.
표준프레임워크 센터입니다.
React는 개발 과정에서 버그를 손쉽게 찾을 수 있도록 StrictMode를 지원합니다.
StrictMode에 대한 자세한 설명은 아래 공식 문서를 확인 부탁드립니다.
https://ko.react.dev/reference/react/StrictMode
현재 StrictMode가 활성화되어 있기 때문에
SNS 로그인 컴포넌트의 useEffect(callBackEnd, []) 함수가 두번 실행됩니다.
src/App.js, App.jsx, Main.jsx의 <React.StrictMode> 코드를 주석처리 하여 StrictMode를 비활성화한 후
다시 테스트해 보시면 백엔드에 오류가 발생하지 않는 것을 보실 수 있습니다.
StrictMode로 인한 렌더링 2회 실행은 개발 모드에서만 적용되므로
실제 서비스 시에는 위와 같은 문제는 발생하지 않습니다.
감사합니다.
