리액트 React란?

공식 리액트 웹사이트

https://ko.legacy.reactjs.org/

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

 

 

리액트란?

웹과 네이티브 사용자 인터페이스를 위한 자바스크립트 UI 라이브러리입니다.

 

자바스크립트 UI 라이브러리는 리액트 외에도 다양한 라이브러리가 존재합니다. 

대표적으로 리액트 포함 앵귤러, 뷰, 제이쿼리가 있습니다.

• Angular → Google의 Angular팀이 개발 후 2016년에 공식출시한 프레임워크
• Vue → AngularJS 프로젝트에서 기반하여 Evan You가 2014년 출시한 프레임워크
• React → Facebook에서 2013년 출시한 프레임워크.
• Jquery → John Resig에 의해 2006년 개발되어 공식 발표된 DOM 이벤트처리를 간편하게 해주는 프레임워크

 

웹 개발에 사용되는 접근 방식

• SSR(Server Side Rendering) : 전통적인 방식으로 서버에서 HTML을 요청하여 브라우저로 전송한다.
• CSR(Client Side Rendering) : 초기 HTML만 서버에서 전송 후 이후 필요한 콘텐츠만 자바스크립트로 렌더링된다.
• SPA(Single Page Application) : 모든 동적 리소스를 불러온 후 필요한 부분만 비동기적으로 처리한다.(리액트, 뷰, 앵귤러 해당)

 

 

리액트 설치하기

1. vs code 작업 폴더를 연결하세요.

2. 터미널(Ctrl+J) 입력 칸에 다음과 같이 입력하세요. app  뒤에 (.) 이란 현재 폴더에 생성하란 뜻입니다.

npx create-react-app .

 

리액트 실행하기

터미널에 아래와 같이 입력하면 http://localhost:3000/ 기본 주소로 실시간 실행결과가 나타납니다.

npm run start