Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 인라인블럭
- JavaScript
- 6주포트폴리오
- 블럭요소
- JSON
- Redux
- db.json
- redux 사용방법
- toString
- Redux store
- 협업프로젝트
- javascript코딩테스트
- redux toolkit
- line-through
- React onClick
- react redux
- useSearchParams
- first-child
- 자바스크립트
- javascript React
- useParams
- React state
- react
- 카우치코딩
- 자바스크립트배포
- sort
- couchcoding
- 콜백함수
- foreach
- useEffect
Archives
- Today
- Total
개발하는 루루언니
React 에서 API키를 가져다 사용할때? 본문
728x90
반응형
.env (가장 바깥쪽 생성)
리엑트만 앞에 REACT_APP 을 붙힌다는 사실! 잊지 말긔,,
API키는 고유한 키이기 때문에 .env 파일에서 가져다 써야한다.
git-hub에 올리지 않을 예정!
.gitignore > 올리고 싶지 않을 파일을 셋팅을 한다.!!!
설정을 하게 되면 프로그램을 다시 재부팅 해줘야한다.
그럼 가져다 쓸때는 어떻게써요?
const API_KEY=process.env.REACT_APP_API_KEY
이런식으로 ${API_KEY} 를 넣어주면 된다
728x90
'컴퓨터 정보 > 리액트' 카테고리의 다른 글
조건부 렌더링 ? 내가 원하는 데이터에서 인덱스를 찾아 보여주고 싶을때 사용 (내맘대로해석) (0) | 2022.10.28 |
---|---|
Promise.all 은? await을 다 하지말고 한번만 기다렸다 실행해줘 (0) | 2022.10.28 |
api 불러올때 fetch 말고 axios (0) | 2022.10.28 |
Redux devtoll 사용하기 (0) | 2022.10.28 |
redux-toolkit 사용방법 (0) | 2022.10.28 |