간단! 리엑트 훑어 보기

박진톨·2022년 5월 11일
0

ReactProject

목록 보기
3/3
post-thumbnail

React를 사용하는 이유!

리엑트를 왜 써야하고 리엑트를 쓰면 뭐가좋은지 어떤 기능들이 있는지 간단하게 알아보려고 합니다!

일단 React를 쓰는 이유는 엄청 다양하고 많지만
크게 3가지씩 장단점을 알아볼까요?


장점👍

1. META(facebook) 🖥️

이 장점은 우리가 모두 알고있는 대기업 META(facebook)에서 유지 관리를 해주기떄문에
주기적으로 업데이트를 해주면서 꾸준한 관리와 성능 업그레이드를 바라볼수 있습니다.
그리고 이로 인한 대규모의 커뮤니티가 활성화가 되어있어 문제 해결에 있어서 다른 라이브러리에 비해 비교적 정보를 찾기가 쉽습니다.

2. Virtual Dom 📑

Virtual Dom이 무엇인지 아시나요?
기존의 Dom 형태는 페이지가 변경 될때마다 전체의 페이지를 업데이트를 하는 형태였습니다.
Virtual Dom은 기존 페이지에서 변경된 부분을 찾아 변경된 부분만 업데이트를 시켜주어 연산비용이 줄어들게 됩니다.

3. Component단위 작성 🧱

페이지를 구성할때 Component단위로 작성하게 되면 페이지 구성을 블럭처럼
각각의 Component를 따로 작성하여 유지관리를 할수있습니다.
이로인해 유지관리와 간편한 UI수정 및 재활용이 쉬워집니다.

이러한 3가지 장점 외에도 여러가지 장점(JSX의 사용, SSR, CSR...등)이 있습니다.


단점👎

1.로딩시간이 느리다 ☕

React의 치명적인 단점은 로딩시간이 느리다는것 입니다. Virtual Dom을 사용하는데 왜 로딩이 느린가요? 라는 의문이 생길수 있습니다.
분명 부분적으로 로딩을 한다고 했는데 그 전단계인 전체의 페이지를 한번 로딩후 부분적으로 업데이트를 하는것 이기때문에 초기의 페이지 로딩이 느리다는 점입니다.
이것은 페이지 운용하는 부분에서 치명적일수 있습니다.
이부분은 SSR(Server Side Rendering)CSR(Client Side Rendering)을 부분적으로 적절히 잘 활용하여 성능을 향상시키고 사용자가 로딩이 느리다고 느끼지 않게 하는것이 개발자가 해야하는 일이 아닐까요?

2.IE8 💾

IE8이하의 버전들은 지원하지 않기 때문에 이하의 버전들은 업데이트가 필수적입니다.

3.Javascript 📚

view 외 기능들은 직접 구현하거나 라이브러리를 사용하여 구현해야 하기 때문에 JavaScript 배경지식이 부족할 경우애는 사용이 제한될수 있습니다.


이렇게 React를 사용하는 이유 장단점 3가지씩알아 보았는데요
치명적인 단점이있지만
이 단점을 보완하고 고민하는 개발자가 좋은 개발자가 아닐까 생각하면서
이 글을 마치겠습니다.

profile
아마도 개발자

0개의 댓글