현재 url 경로를 알고 분기처리하기

사용 이유

• 개발 작업 중 local에서 작업하는 주소와 릴리즈 버전에서의 주소가 각기 다르기 때문에 개발/상용 간의 url을 달리 줘야하는 상황이 생겼습니다.

먼저 현재 url을 알아내자!

• 현재 해당 도메인에 대한 경로를 알기 위해서 아래와 같은 코드를 입력하였습니다.

  window.location.hostname

해당 로직 처리

export const URL = window.location.hostname;

if (URL === 'localhost') {
  // 개발용 주소
  SERVER_ADDRESS = `//<개발주소>:${PORT}`;
} else {
  SERVER_ADDRESS = `//${URL}:${PORT}`;
}

배운점

• 처음에 해당 주소를 어떻게 가져와야 되는지 헷갈렸지만 window.location.hostname을 사용하여 현재 url의 주소를 가져오면 쉽게 해결 된다는 것을 배웠습니다.