전체 코드리뷰

[hansol775]

.gitignore 파일

firebase 키파일이나 KAKAO 맵 토큰 같은 중요한 정보는 .gitignore 파일에 추가해서 안올라가도록 하는게 좋아요.

API 호출 코드

src/modules/map.js 
const regionCodeAPI = (data) => {
  return axios.get('//dapi.kakao.com/v2/local/geo/coord2regioncode.json', {
    params: {
      x: data.x,
      y: data.y,
    },
    headers: {
      Authorization: 'KakaoAK 3ce071c14606ca34fe9549f7856c90bb',
    },
  });
};

위와 같은 api 호출 코드는

src/modules/map.js
const KAKAO_TOKEN = 'KakaoAK 3ce071c14606ca34fe9549f7856c90bb'
const KAKAO_MAP_URL = '//dapi.kakao.com/v2/local/geo/coord2regioncode.json'

const regionCodeAPI = ({x, y}) => {
  const params = {x, y}
  const header = {Authorization: KAKAO_TOKEN}
  return axios.get(KAKAO_MAP_URL, { params, headers});
};

KAKAO_TOKEN 이나 KAKAO_MAP_URL은 urls.js, settings.js등의 파일로 관리하면 한 눈에 보기 좋아요.

[sgd122]

dotenv 를 활용하면 좋습니다.

[jjunnnys]

dotenv 를 사용했을 때

import dotenv from 'dotenv'

dotenv.config()

process.env.변수명 으로 가져 올 수 있나요??🤔

[sgd122]

네. 가져올수 있습니다. 다만 리액트에서는 REACT_APP_API_KEY 처럼 REACT_APP_를 붙여야 인식이 될 겁니다.

[jjunnnys]

아~~ 그렇군요 어쩐지 인식이 안되더라고여..ㅎㅎㅎ 감사합니다🙇🏻