개발새발

[React] React와 DB를 연결하기 위한 환경 설정 (feat.Oracle) 본문

FRONT/React

[React] React와 DB를 연결하기 위한 환경 설정 (feat.Oracle)

칸쵸. 2023. 12. 26. 14:28
728x90

<프로젝트 내에서 front, back 나누기>


원하는 워크스페이스 내에서 터미널 실행
mkdir 폴더명 (혹은 그냥 직접 만들기)

폴더 client, server 만들고
mkdir server
npx create-react-app client

1) client 폴더 들어가서
npm i axios

2) server 폴더 들어가서
npm init (package.json 생성) : package 세팅
npm i oracledb express (package.json 내에 express, oracledb 설치 확인 가능)
npm i cors

server.js 작성 완료 후 server에서 npm start실행해서 테스트 > Server 시작 : http://localhost:5000

백엔드 연결 확인 되면 client 실행
npm start