[FE] 서버 로고 src 받아오기

 

const encoded = new URLSearchParams(window.location.search).get("data");
const { state, result, message, logo } = JSON.parse(Base64.decode(decodeURIComponent(encoded)));

 

** const encoded = new URLSearchParams(window.location.search).get("data");

👩‍💻 window.location.search

=> 현재 URL의 ? 뒤에 붙은 쿼리스트링 전체

ex) https://example.com/callback?data=test

여기서의 값은  ?data=test 가 됨

 

👩‍💻 .get("data")

=> 가져온 값에서 data에 해당하는 값만 꺼냄

ex) 위에 껄로 치면 값이 test 가 됨

 

** const { state, result, message, logo } = JSON.parse(Base64.decode(decodeURIComponent(encoded)));

👩‍💻 decodeURIComponent(encoded)

=> URL 인코딩을 원래 문자로 복원

ex) %3D → =

"eyJzdGF0ZSI6IlNVQ0NFU1MiLCJsb2dvIjoiLi4uIn0="

 

👩‍💻 Base64.decode(...)

=> Base64 문자열 → 일반 문자열로 복호화

현재 문자열 상태

{"state":"SUCCESS","result":true,"message":"OK","logo":"..."}

 

👩‍💻 JSON.parse(...)

=> JSON 문자열 → JS 객체 로 변경

{
  state: "SUCCESS",
  result: true,
  message: "OK",
  logo: "..."
}

 

👩‍💻 const { state, result, message, logo } = ...

=> 구조분해 할당

=> 필요한 값만 꺼내 쓰기

** 아래와 같음

const data = JSON.parse(...);
const state = data.state;
const result = data.result;
const message = data.message;
const logo = data.logo;