Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- springboot
- SQL
- PathVariable
- Spring
- mybatis
- ResultType
- 배열
- HTML
- git amend
- Variabla
- JavaScript
- assertequals
- WHEREIN
- content-box
- JDBC
- git reset
- passwordencoder
- 부적합한열
- MVC
- Java
- git revase
- localStorage
- 이딴게개발자
- git
- CRUD
- react
- BCryptPasswordEncoder
- useContext
- oracle
- Thymeleaf
Archives
- Today
- Total
개발새발
[React] React와 DB를 연결하기 위한 환경 설정 (feat.Oracle) 본문
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
'FRONT > React' 카테고리의 다른 글
로그인, 로그아웃 상태에 따른 화면 구현에 대한 고찰 (0) | 2024.01.20 |
---|---|
[React] React Hook - useContext (0) | 2023.12.27 |
[React] React 사용을 위한 환경 설정 (0) | 2023.12.18 |