[React] 개발 환경 구성하기

React 개발 환경 구성하기

 

1.  Create React App📜

     VScode 터미널에서 밑 코드를 순서대로 입력합니다.

# my-app 폴더를 만들고 그 폴더 안에 설치하는 경우
npx create-react-app my-app
cd my-app

# 현재 폴더에서 바로 설치하는 경우
npx create-react-app .

 

2. React Router 라이브러리 설치하기📜

npm install react-router-dom

 

3. Express 설치하기

npm install express

 

4. CORS 미들웨어 설치하기

npm install cors

 

5. Styled Components 설치하기📜

npm install --save styled-components@latest

# VScode Extensions : CSS 파일에서 작성하는 것처럼 자동 완성 기능을 제공해줍니다.
VScode Extensions에서 vscode-styled-components 설치하기

 

6. Stroybook 설치하기

npx storybook@latest init

# storybook 실행하기
npm run storybook

 

7. Redux 설치하기

npm i redux

# useDispatch, useSelector를 사용하기 위해 react-redux를 설치한다.
npm i react-redux

 

8. React 실행하기

npm run start

---

 

 

React 개발 환경 구성하기를 알아보는 시간이었습니다.

틀린 내용은 댓글로 알려주시면 감사하겠습니다.