[REACT] REACT 시작하기

💡 React란 ?

 

React는 Facebook에서 개발한 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 활용되며, 특히 단일 페이지 애플리케이션(SPA) 개발에 많이 사용됩니다.

React는 사용자 인터페이스를 구성하는 데 필요한 컴포넌트 기반 아키텍처를 사용합니다. 각 컴포넌트는 재사용 가능하며, 이러한 컴포넌트들을 조합하여 복잡한 사용자 인터페이스를 만들 수 있습니다.
React는 가상 DOM(Virtual DOM)이라는 개념을 도입하여 성능을 최적화하고, 변경된 부분만 실제 DOM에 적용하여 렌더링 성능을 향상시킵니다.

---

🎈 REACT 설치 및 실행

 

1. Node.js 다운로드

 

https://nodejs.org/ko

React를 사용하기 위해 해당 링크에 접속해서 Node.js 설치를 해야합니다.

두 가지 버전을 다운받을 수 있는데 LTS가 붙은 버전은 기업에서 사용해도 될만큼 안정화되었고 신뢰도가 높은 버전이고 오른쪽의 현재 버전은 현재 버전으로 최신 기능들을 이용할 수 있으나 안정성과 신뢰성이 낮습니다.

 

Node.js 다운로드

 

다운로드 받은 Node.js 설치 진행

 

 

 

 

설치가 완료된 후 터미널을 실행하여 node -v을 입력한 후 node.js의 버전을 확인합니다.

 

 

2. React프로젝트 생성

 

React 프로젝트를 실행 할 폴더를 생성하고 해당 폴더로 이동합니다. 해당 폴더의 터미널에 npx create-react-app 프로젝트명을 입력하여, react 프로젝트를 설치합니다.

npx create-react-app haneep-react 를 터미널에 입력하여 프로젝트명이 haneep-react인 react 프로젝트를 생성

 

 

명령프롬포트에 입력하면 약 30초 ~ 1분 가량 설치가 진행되고, 설치가 완료되면 해당 화면이 cmd창 하단에 Happy hacking이라는 문구가 나타나게 됩니다.

이 후 터미널에 npm start를 입력하면 react 프로젝트가 실행됩니다.

 

 

React는 웹 애플리케이션뿐만 아니라 모바일 애플리케이션 개발을 위한 React Native와 같은 파생 프레임워크도 제공하여 다양한 플랫폼에서 사용자 인터페이스를 구축할 수 있습니다.