[react] 2.프론트엔드 만들기

server폴더의 루트폴더에 client(fileName) 폴더를 만든다.

 

#터미널 열고 명령어 입력

npx create-react-app fileName   //프론트엔드 파일 폴더이름

 

# fileName 폴더 내에서 패키지 설치 

# tailwind를 사용할 것이기 때문에 설치 및 파일 생성하기-리액트 라우터 설치
npm install react-router-dom       // client 폴더 내로 이동하여 설치
-테일윈드 설치
npm install -D tailwindcss postcss autoprefixer
-테일윈드 config파일 생성
npx tailwindcss init -p

# config.js  >> 컴포넌트 경로 입력
변경전 : content:[] 

변경 후 : content:[
    "./src/**/*. js"
],
# src  >>> index.css 아래 입력
@tailwind base;
@tailwind components;
@tailwind utilities;

#. env 만들기 (package.json과 같은 레벨)

# 시작 : npm run start

# src >> components와 utils 폴더 만들기
utils 폴더 내에는 server와 연결할 수 있는 fetchData.js를 만든다.