program/react

[react] 환경세팅 , 프로젝트 생성, 빌드 하기

momoa210 2024. 1. 28. 20:13

window 에서 cmd 창을 열어준다.

  1. 초기세팅

기본적으로 node.js, npm은 설치가 되어 있어야 합니다.

npm init react-app [폴더이름]

npm init react-app . -->폴더 안에서 프로젝트 생성하기

npm run start --> 프로젝트 개발 모드 실행하기

ctrl + c--> 프로젝트 개발 모드 실행 종료하기

2. 크롬에 react 개발자 도구 세팅하기

react developer tools -> 구글 검색 크롬 확장 프로그램 설치하기

구글 개발자 도구에서 components 탭 클릭

3. 빌드하기 , 빌드 후 확인 실행

npm run build --> 빌드 하기

npx serve build --> 빌드 한 부분 서버 실행

ctrl + c --> 종료

#react #reactsetting

'program > react' 카테고리의 다른 글

[react] proxy  (0) 2024.01.28
[react] react-helmet - header title 바꾸기  (0) 2024.01.28