[React & Express] - 1. 프로젝트 생성

1. Client 생성 및 설정

✅ $ npx create-react-app client
✅ package.json 수정 proxy설정

"proxy": "http://localhost:3000"

• React 와 Express를 연결
• client 에서 api 요청시 server의 전체 주소(절대경로) 를 작성할 필요 없이 api/user 와 같은 상대경로만으로 호출 가능
• 참고_react-create-app의 proxy

2. Express Generator

✅ $ npm install express-generator -g

• -g 옵션 : "global" -> 모든 곳에서 패키지 사용 가능

✅ $ express server

• server 라는 이름의 server 폴더 생성

---

cd server => server 폴더로 이동

3. nodemon 설치

✅ $ npm install nodemon

• nodemon : server가 켜진 상태에서도 수정 사항이 바로 반영되도록 함

✅ package.json 수정

"scripts": {
    "start": "nodemon app.js"
  }

4. env 파일 설정

✅ $ npm i dotenv

✅ .env 파일 생성

• .env : DB API KEY 나 DB PORT 번호, DB 서버 등 DB 관련 정보들을 담음
• ex) PORT = 3000 => PORT 라는 key에 3000이라는 value 저장

✅ .env.sample 생성으로 협업시 타인이 참고할 수 있도록 만들어두기

5. .gitignore 생성

여기를 참고하면 각 프로젝트에 맞는 gitignore 를 찾아볼 수 있음