API 주소 관리

보통 fetch 함수를 통해 서버와 송수신을 할 때 첫번째 인자로 해당 서버의 IP 주소를 입력하게 된다.
이 때 이곳저곳에서 사용한다면 IP주소가 변경 될 때 마다 해당 파일을 수정해야되고 팀 단위로 프로젝트를 진행할 경우 팀원들의 IP주소도 변경해야되는 불합리가 생기게 된다.
이를 방지하고자 공통으로 사용할 수 있는 config.js 파일을 생성하여 API 주소를 관리하면 주소가 변경되어도 그 해당 파일 주고만 변경하면 모든 주소애 적용되기 때문에 합리적이다.

예)

1.config.js 파일을 생성 후 하단 내용을 입력

export const config = {
	api:"http://000.00.0.0:0000",
};

config 변수에 객체형태로 api라는 key값과 IP주소를 Value 값으로 지정해 주고 export를 통해 다른 파일에서도 접근이 가능하게 한다.

2.적용할 파일에 임포트를 해준 뒤 하단과 같이 적용

fetch(`${config.api}/position`)