[TIL & Issue Note] 20220302
What is React?
- 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리.
모바일 앱과 웹사이트 비교
모바일 앱
- 모바일 앱은 반응성이 매우 높은 사용자 환경을 제공한다.
- 화면 전환이 빠르기 때문에 사용하기 좋다.
웹사이트
- 웹사이트는 사용자 요청이 (링크나, 버튼을 클릭했을 때) 서버로 전송되고 전송된 결과(HTML 페이지)는 브라우저로 다시 전송되어 화면에 띄워지는 구조이다.
- 이러한 요청과 반응 사이클로 인해 동작이 모바일 앱에 비해서는 투박하고 지연이 있을 수 있다.
자바스크립트
- 자바스크립트를 통해 Dom을 조작하고 이를 통해 HTML의 요소를 제어할 수 있다.
- 새로운 HTML 페이지를 렌더링 하지 않아도 이러한 요소를 바꿀 수 있다.
왜 React.js가 필요할까?
Vanila.js
- 자바스크립트는 모든 단계를 정의하고 구현해야 한다.
- 명령형 접근
- 이러한 방식에는 한계가 있거나 혹은 세부사항에 대해 개발자가 모두 신경 써야한다.
React.js
- 리액트는 애플리케이션을 작은 구성요소로 나누고 조합하여 렌더링한다.
- 리액트의 구성요소에는 뚜렷한 과제가 존재하여 코드 유지보수와 관리가 쉽다.
- 더 현대적이고 풍부하고 복잡한 사용자 인터페이스를 구현할 수 있다.
참고