개발자

리액트 변수에 서버 IP넣는법..?

2023년 02월 09일조회 517

npm start할 때 변수를 지정해줘서 해당 변수를 API 호출할 때 서버 IP로 사용하는 방법이 있을까요..? 사실 저 내용도 이해가 잘 안 가서.. 설명 부탁드립니다

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

인기 답변

Gorilla.Kim님의 프로필 사진

말씀주신 내용이 리액트 앱을 npm start로 실행시킬때 사전에 준비된 특정 IP주소를 서버 주소로 사용하고 싶다는 내용이 맞을까요? 위 내용이 맞다면, IP주소는 깃헙등 외부에 노출되지 않은 채 앱 내에서 관리 및 활용하는 방법으로 "환경변수"를 사용하는 방법이 있습니다. 환경변수는 앱 실행 초기에 주입되어지며 주입 방법으로는 CLI를 통해 주입하는 방법, .env 파일을 이용하는 방법이 있습니다. 여기서 .env 파일을 사용하기 위해서는 dotenv 라는 라이브러리가 필요하며, 일반적으로 Create React App 환경에서는 이미 설치가되어 곧바로 .env파일 사용이 가능합니다 : ) 더 자세한 사용및 활용 방법은 구글에 아래 키워드로 검색해보시면 될것 같아요. < 키워드 > * dotenv * .env * .env 종류 및 우선순위 * 환경변수 * 윈도우환경 .env

profile picture

익명

작성자

2023년 02월 10일

감사합니다! 지금 개발단계라 api서버 주소가 자주 바뀔 수 있어서 그걸 변수지정해서 서버주소 바뀌더라도 계속 쓸 수 있게 한다는거 같은데 이게 저 키워드와 관련이 있는거죠?

Gorilla.Kim님의 프로필 사진

Gorilla.Kim

매드업 프론트엔드 개발자2023년 02월 10일

안녕하세요 : ) 서버 주소가 바뀐다는것이 아이피 변경일까요 아니면 도메인명이 변경된다는 걸까요? 프론트에서 다이나믹하게 변경되는 서버 주소를 대응하기 위한 방법은 없습니다. 기본적으로 서버 주소는 고정된 형태여야 합니다. 다만, 프론트에서 서버Api 주소 셋팅을 도메인으로 등록해두고 이후 서버 ip가 변경되면 도메인 서버에서 연결된 ip를 변경해서 사용은 가능할것 같습니다 ㅎㅎ

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!