React
리액트 구 사이트
https://ko.legacy.reactjs.org/
리액트 최신 사이트
https://react.dev/
1. Node.js 설치
React를 설치하기 위에서는 먼저 Node.js를 설치해야한다.
Node.js는 자바스크립트 런타임으로 서버 측 자바스크립트를 실행할 수 있도록 해줍니다.
Node.js 공식사이트에서 다운로드 받아 설치해줍니다.
https://nodejs.org/en
둘 중 자신이 원하는 것을 설치 해주면 된다.
안정성을 우선시 한다면 왼쪽의 LTS를 최신버전을 원한다면 오른쪽의 Current를 다운로드 하면 됩니다.
2. React.js 설치
React.js를 사용하기 위해서 create-react-app이라는 도구를 사용해 프로젝트 생성해야 한다.
전역적으로 설치하기위한 명령어
npm install -g create-react-app또는
npx create-react-app my-app명령어를 이용해서 아래 프로젝트 생성까지 한번에 마칠 수 있다.
npx : 라이브러리 설치 도와주는 명령어 (Node.js설치 되어있으면 사용가능)
3. React.js 프로젝트 생성
create-react-app my-app // my-app : 프로젝트 이름create-react-app : 리액트 셋팅 다 된 boilerplate 만들기 쉽게 도와주는 라이브러리
위 명령어를 입력하면 my-app 이라는 react.js 프로젝트가 생성된다.
4. React.js 프로젝트 애플리케이션 실행
cd my-app npm startcd 명령어를 이용해서 my-app 폴더로 이동 후 react.js 실행시켜준다.
브라우저 화면이 열리지 않는다면
http://localhost:3000/
을 열어서 React.js 애플리케이션을 확인 할 수 있다.
리액트 앱 설치 가이드
https://ko.legacy.reactjs.org/docs/create-a-new-react-app.html
들어가 읽어보면 자세한 내용을 확인 할 수 있다.
한 번 쯤은 읽어보는 것도 좋다.
