1분 요약
React 는 '컴포넌트'라는 모듈을 기본단위로 사용해서 HTML 요소들을 관리하고 동적으로 변화하도록 조작할 수 있는 JavaScript 라이브러리 입니다.
1. React의 탄생 배경
HTML과 CSS, JavaScript로 웹 서비스를 개발하다보면 몇 가지 난관에 이르게 됩니다.
우선 HTML, CSS, JavaScript 각각의 문법이 서로 다르기 때문에 익히는 것이 꽤 번거롭고 모두 능숙하게 다루게 되기까지는 상당한 시간이 소요됩니다.
더욱 큰 문제는 웹 서비스의 기능이 다양하고 많아질수록, 특히 상호작용이 필요한 UI가 많이 추가될수록 관리해야할 데이터나 변수, 기타 구조적 요소들이 기하급수적으로 늘어난다는 것입니다.
게다가 그러한 작업들이 효율적으로 이루어지지 못한다면 로딩 시간이 길어진다거나 정상적인 작동을 하지 못하는 등의 문제로 곧장 이어집니다. 웹 사이트의 성능을 전혀 장담할 수 없게 되는 것입니다.
HTML 5, CSS 3, JavaScript ES6 기반의 웹 표준이 정착되지 않았던 시기에는 HTML에 그때그때 커스텀 태그를 만들어 도입하거나 악명높은 액티브x 플러그인을 사용해서 문제를 해결하고자 했습니다. 물론 그러한 방식의 접근은 득보다는 실이 훨씬 많았기 때문에 결과적으로 실패하고 말았습니다.
2. React란?
이후로 웹 표준이 정착되고 표준을 준수하는 여러 가지 방식의 JavaScript 라이브러리들이 새롭게 등장하면서 중복되는 코드와 태그를 줄이고 HTML, CSS, JavaScript 사이의 장벽을 허물기 위한 다양한 시도들이 나타났습니다.
그중에서도 React 는 '컴포넌트'라는 모듈을 기본단위로 사용해서 HTML 요소들을 관리하고 동적으로 변화하도록 조작할 수 있는 JavaScript 프레임워크 입니다.
또, React를 사용하여 작성된 웹 페이지는 HTML에 상호작용이나 변화가 필요할 경우 페이지 전체를 다시 렌더링 하지 않고 변화한 부분만 선택적으로 다시 렌더링합니다. 따라서 페이지 로딩 속도를 향상시킬 수 있고 웹 페이지의 부드러운 동작을 가능하게 해줍니다.
3. React 학습하기
