리액트 공식문서에서는 리액트를 다음과 같이 소개했다.
The library for web and native user interfaces
여기서 라이브러리란🤔
- 공통 기능의 모듈화가 이루어진 프로그램의 집합!
- "개발자"가 "필요한 기능만"을 골라서 사용가능
vs 프레임워크란
- 애플리케이션을 개발하기 위한 구조와 규칙을 제공하는 플랫폼
- "프레임워크"에 맞춰 코드를 작성해야 함
🚫 리액트가 라이브러리인 이유
: 개발자가 애플리케이션의 흐름과 구조를 완전히 제어가능, 전체적인 애플리케이션 아키텍처를 제어하려고 안함
리액트는 SPA로 설계
*SPA : Single Page Application의 약자로, 하나의 html 페이지로 이루어진 애플리케이션을 의미
그럼 어떻게 하나의 페이지로 여러 웹 서비스를 이용하는 걸까❓
바로 라우팅 기술을 사용하면 됨!
라우팅이란🤔
내부에서 어느 곳으로 가야할지 경로를 결정하는 과정을 의미
Hashed Routing
hash값을 기준으로 페이지를 이동
React
React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizati
react.dev
리액트 프로젝트를 셋업하는 방법이 3가지임🛠️
1. CRA
- 명령어가 한줄
- 필수요소를 자동으로 구성
- 기본적으로 설정을 숨김
- 공식문서
Create React App
Set up a modern web app by running one command.
create-react-app.dev
2. Vite
- 프로젝트 생성시 (CRA보다) 빠른 속도(by Esbuild)
- 사용자가 필요에 따라 설정을 쉽게 조정
- 공식문서
Vite
Next Generation Frontend Tooling
vite.dev
3. 직접 setting
- 하나하나 직접 세팅(바벨,웹팩,파일등등)
'리액트' 카테고리의 다른 글
| [React]useRef (0) | 2024.11.04 |
|---|---|
| [React]useEffect (1) | 2024.11.04 |
| [React]useState (0) | 2024.11.04 |
| [React]리액트 랜더링 (0) | 2024.10.29 |
| [React]컴포넌트,props,불변성 (2) | 2024.10.29 |