[React - 1] React

특징

1. 선언형

리액트는 한 페이지를 보여주기 위해 HTML / CSS / JS로 나눠서 적기 보다는

하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한다.

 

2. 컴포넌트 기반

리액트는 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발한다.

컴포넌트로 분리하면 서로 독립적이고 재사용이 가능하기 때문에, 기능 자체에 집중하여 개발이 가능하다.

 

3. 범용성

Facebook에서 만든 Javascript 라이브러리로 프로젝트 어디에든 유연하게 적용 될 수 있다.

안정적이고 가장 유명하며, React-native로 모바일 개발도 가능하다.

 

4.가상 DOM

리액트는 메모리에 가상 DOM을 유지하고, 필요할 때만 실제 DOM에 렌더링하는 방식을 사용합니다.

이로 인해 렌더링 효율이 향상됩니다.

 

5.단방향 데이터 플로우

리액트는 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 단방향 데이터 플로우를 사용합니다.

이는 데이터 관리를 더욱 투명하고 예측 가능하게 만듭니다.

Why React?

1. 웹 애플리케이션의 규모가 커지면, DOM 을 직접 건드리면서 작업을 하면 코드가 난잡해지기 쉬워진다.

2. 리액트는 어떠한 상태가 바뀌었을때, 처음부터 모든걸 새로 만들어서 보여주자는 아이디어에서 시작 되었다.

3. 속도와 성능 문제는 Virtual DOM(가상 돔)으로 해결되었다. 업데이트가 필요한 부분만 가상DOM으로 수정한다. 

4. 그 이후 REACT의 알고리즘을 통해 다른 부분을 감지하여 실제 DOM에 패치 시켜준다.

 

cf. https://react.vlpt.us/basic/01-concept.html

1. 리액트는 어쩌다가 만들어졌을까? · GitBook