Library/React(2)
-
[React] 리액트 프로젝트와 익스프레스 연동하기
연동 전 폴더 구조 프로젝트 폴더/├── client/ # React 앱└── server/ # Express 서버1. 서버(Express) 설정1-1. Express 프로젝트 생성mkdir 프로젝트 폴더 명 // 프로젝트 폴더(루트 디렉토리) 생성cd 프로젝트 폴더 명 // 프로젝트 폴더로 경로 이동mkdir server // server 폴더 생성cd server // server 폴더로 경로 이동//npm 설치 + express 및 cors 패키지 설치npm init -ynpm install express cors// nodemon을 devDependency로 설치npm install nodemon --save-dev// dotenv 설치npm install dotenv// s..
2025.05.10 -
[React] 리액트 설치 및 개발환경 설정(프로젝트 생성)
1. Node.js 설치리액트를 사용하려면 Node.js가 설치되어야 함. 필요한 버전으로 다운로드하면 되지만 안전/안정성을 위해 LTS 버전 추천(with npm으로 설치 시 별도로 npm 설치 안 해도 됨)https://nodejs.org/en/download Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org명령 프롬프트에서 아래 명령어로 버전 확인했을 때 설치한 버전 정보가 나온다면 잘 설치된 것//노드 버전 확인node -v//npm 버전 확인npm -v2. React 실행 및 프로젝트 생성터미널(cmd/명령 프롬프트)에서 다음 명령어로 리액트 프로젝트..
2025.05.10