안녕하세요! 오늘은 자바스크립트의 라이브러리 react에 대해서 알아보겠습니다! ╰(°▽°)╯!!
저는 처음 javaScript를 어느정도 배우고 react,angular,vue 중에 고민을 엄청했는데
취업 사이트를 들어가보니까 리액트를 많이 요구하더라구여!
그래서 리액트를 배우기 시작했고 이번에 리액트에 대해 정리를 해보려고합니다!
리액트란?
Component로 이루어진 웹 UI라이브러리입니다.
리액트는 왜 배우나요?
리액트는 라이브러리입니다.
그렇기떄문에 리액트가 없이 자바스크립트로도 충분히 웹사이트를 구현을 할 수 있습니다.
그럼에도 불구하고 왜 사람들이 리액트를 쓸까요?
많은 이유가 있지만 대표적으로Vdom을 이용한렌더링 최적화
함수형프로그래밍,컴포넌트로 인한유지보수향상 및 재사용
마지막으로낮은 진입장벽이 있습니다.
밑에서 조금 더 자세히 알아보겠습니다!
리액트의 특징
- Vdom
- 함수형 프로그래밍
- 컴포넌트기반
- 낮은 진입장벽
- 빠른 렌더링 , 작은 용량
- 모바일앱 React native와 호환
Vdom
Vdom(virtual dom)은 javaScript의 dom 처럼 상태가 변했을떄 전체적으로 돔을 다시 그리지 않고 전에 dom과 업데이트 후의 dom을 비교한 후 변화가 있었다면
변화가 시작된 노드부터 그 노드의 leaves노드까지만 부분적으로 리렌더링이 됩니다
그렇기떄문에 그냥 dom을 사용하는것보다 메모리부분에서 성능이 최적화가 가능해집니다.
함수형 프로그래밍
함수형 프로그래밍이란 콜백으로 넘기거나 함수가 함수를 결과로 내놓는 것이 가능한 프로그래밍을 뜻합니다.
함수형 프로그래밍은 본래 class를 쓸떄보다 진입장벽이 낮고 재사용이 용이합니다.
컴포넌트기반
리액트는 컴포넌트의 모음입니다.
컴포넌트는 작은 부품이라고 생각할 수 있는데 페이지 전체를 한번에 작성하는게 아닌 한 페이지를 컴포넌트별로 분배해서 코드를 작성할 수 있기때문에 협업을 할때 역할분담이 수월하고 추후에 유지보수와 재사용면에서 우수한 성능을 가지고 있습니다.
낮은 진입장벽
리액트는 이미 많은 개발자가 쓰고 있는 라이브러리입니다.
그렇기때문에 웬만한 오류나 강의가 인터넷에 잘 나와있기도하고
문법의 난이도도 높지 않아서 배우기가 수월합니다.
마치며
오늘은 리액트가 뭔지 왜 배워야하는지 간단하게 알아보았습니다. (〃⌒▽⌒〃)ゝ
개인적으로 저는 앵귤러,뷰,리액트중에서 리액트를 가장 선호합니다!
하지만 나중에 vue,angular도 깊게 배워보고 싶어요!
