유미의 기록들

[React -1] 개발 환경 구축 본문

MDLAB 기록/관리자페이지

[React -1] 개발 환경 구축

지유미 2023. 5. 17. 12:31
728x90
반응형

React Native로 앱개발은 거의 마무리를 짓고 관리자페이지를 만들기 위해 React를 해보려고 한다

 

1. Node.js설치

Node.js란

- 기존 javascipt는 웹 브라우저에서만 사용이 가능하였지만 운영체제상에서 일반 애플리케이션 프로그램처럼 실행시켜주기 위한 런타임

- 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능함

- npm 도 같이 설치가 된다

 

https://nodejs.org/ko

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

* 안정적인 버전으로 다운 받는 것이 좋다

* cmd에서 node -v 명령어를 통해 노드 버전을 확인할 수 있다

 

 

2. 리액트 개발환경 구축

 

1) 프로젝트 폴더 생성

2) 해당 폴더의 cmd창에서 아래의 명령어로 설치

npx create-react-app .

 

 

 

3) 해당 폴더의 cmd창에서 아래의 명령어로 실행

npm start

localhost:3000에서 React가 실행된 것을 확인할 수 있다

 

 

 

728x90
반응형
Comments