개발자 구겹이

npx create-react-app으로 react환경 셋팅해주기 본문

react

npx create-react-app으로 react환경 셋팅해주기

@layers9 2024. 6. 26. 10:51

 

 

Let's React!

 

 

 

 

1. React 환경을 셋팅해주기 위해 cmd창에 다음 명령어를 써줍니다.

npx create-react-app [ class-react-server ]

 

 

 

 

>> 정상적으로 실행이 됐다면, 'class-react-server' 라는 이름의 폴더가 생겼을 거예요.

 

create-react-app class-react-server

 

 

 

그럼, 여기서 저는 yarn을 설치하고 이 모듈을 이용해 웹으로 리액트 앱을 시작시킬건데요.

 

2. 생성된 리액트 환경의 폴더인 'class-react-server'가 있는 경로로 가서 필요 모듈을 설치시켜주고

 

2-1. terminal > new terminal 을 열고,

열린 terminal의 우측 상단에 + 옆의 v 아이콘 클릭을 통해 cmd창 기능을 활성화시켜줍니다.

 

2-2. 다음 명령어로 저는 yarn을 설치할거라능

npm install --global yarn

 

 

 

 

3.  run시키려 합니다.

설치가 완료됐다면 terminal 그 PATH 그대로에서 다음 명령어로 run합니다.

yarn start                                                혹은                    npm (run) start

 

 

 

 

 

'react' 카테고리의 다른 글

리액트에서 tailwindcss 사용하기 효율 U P ↗  (0) 2024.06.29