소셜로그인 기능 구현 중 > 나는 프론트 > 카카오 api 로 리다이렉팅 > 나는 리액트 > 리액트 리다이렉트 = 데이터 다 날아감

1. new URL 사용하기

const token = new URL(window.location.href).searchParams.get("token")

새로고침해도 날아가지 않는다.

let searchParams = new URLSearchParams(paramsString);

처음에는 이 코드를 썼는데 작동하지 않았다.

2. useRef로 저장

useRef로 url을 저장해서 ?token=~~ 뒤에 값을 잘라주면 된다.
이 역시 새로고침에서도 날아가진 않지만 위에 코드는 자를 필요도 없이 토큰이 깔끔하게 들어오기 때문에 위 코드로 선택

++ 추가로 세션ID 값이 쿼리로 같이 들어오게 된 상황이라 이걸 생각하면 위 코드가 확장성도 훨씬 좋은 듯!!