Home

🌱 환경 변수 파일 설정하기

마스킹된 부분을 채워서 사용

backend/.env

PORT=3001
MYSQL_HOST=localhost
MYSQL_DATABASE=oauth
MYSQL_ROOT_USER=root
MYSQL_ROOT_PASSWORD=********
MYSQL_PORT=3307

FRONTEND_DOMAIN=http://localhost:3000

GOOGLE_CLIENT_ID=******************
GOOGLE_CLIENT_SECRET=******************************
GOOGLE_REDIRECT_URI=http://localhost:3001/api/auth/google/callback

KAKAO_REST_API_KEY=****************************
KAKAO_CLIENT_ID=****************************
KAKAO_CLIENT_SECRET=******************************
KAKAO_REDIRECT_URI=http://localhost:3001/api/auth/kakao/callback

NAVER_CLIENT_ID=****************************
NAVER_CLIENT_SECRET=******************************
NAVER_REDIRECT_URI=http://localhost:3001/api/auth/naver/callback

ACCESS_TOKEN_SECRET=******************************
REFRESH_TOKEN_SECRET=******************************

ACCESS_TOKEN_LIFETIME=5s
REFRESH_TOKEN_LIFETIME=30s

frontend/.env

REACT_APP_BASE_URL=http://localhost:3001/api

🏃 실행하기

• backend 폴더와 frontend 폴더에서 각각
  • 라이브러리 설치: npm install
  • 서비스 실행: npm start
• http://localhost:3000 접속