[React] 리액트 설치 및 실행 방법

 

React

React.js는 Facebook에서 개발한 사용자 인터페이스 라이브러리로, 다양한 웹 애플리케이션을 개발하는 데 사용됩니다. 이번 포스트에서는 초보자를 위한 React.js 설치 방법에 대해 알아보겠습니다.

https://ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

 

Node.js 설치하기

React.js를 사용하기 위해서는 Node.js가 설치되어 있어야 합니다. Node.js는 자바스크립트 런타임으로, 서버 측 자바스크립트를 실행할 수 있도록 해줍니다.

Node.js를 설치하기 위해서는 공식 사이트에서 다운로드 받아 설치합니다. 다운로드 및 설치 과정은 간단하므로 자세한 설명은 생략하겠습니다.

https://nodejs.org/en/

Node.js

 

React.js 설치하기

React.js를 사용하기 위해서는 create-react-app이라는 도구를 사용하여 프로젝트를 생성합니다. create-react-app을 설치하려면 명령 프롬프트 또는 터미널에서 다음 명령어를 실행합니다.

npm install -g create-react-app

위 명령어를 실행하면 create-react-app이 전역으로 설치됩니다.

 

React.js 프로젝트 생성하기

React.js 프로젝트를 생성하기 위해서는 명령 프롬프트 또는 터미널에서 원하는 경로로 이동한 후, 다음 명령어를 실행합니다.

create-react-app my-app

위 명령어를 실행하면 my-app이라는 이름의 React.js 프로젝트가 생성됩니다. 프로젝트 이름은 원하는 대로 변경할 수 있습니다.

반응형

React.js 애플리케이션 실행하기

React.js 프로젝트를 생성한 후, 애플리케이션을 실행하려면 명령 프롬프트 또는 터미널에서 다음 명령어를 실행합니다.

cd my-app npm start

위 명령어를 실행하면 애플리케이션이 실행됩니다. 브라우저에서 http://localhost:3000/을 열어서 React.js 애플리케이션을 확인할 수 있습니다.

 

결론

이번 포스트에서는 초보자를 위한 React.js 설치 방법에 대해 알아보았습니다. React.js는 강력한 사용자 인터페이스 라이브러리로, 다양한 웹 애플리케이션을 개발하는 데 사용됩니다. React.js를 사용하여 웹 개발을 시작해 보세요!