React - About React

리엑트(React)란 무엇일까?

• Facebook에서 개발한 라이브러리로써 리엑트를 쉽게 표현하자면 자바스크립트의 라이브러리의 하나로서 UI를 제작하기 위해 사용되는 싱글 페이지 어플리케이션(SPA)이다.

 

왜 리엑트를 사용할까?

• 기술이 발전할수록 웹이 점점 복잡해지면서 사용자의 요구 또한 많아지고 높아짐에 따라서 자바스크립트의 한계점을 보안하기 위하여 새로운 프레임워크인 앵귤러(Angular), 뷰(Vue), 리엑트(React)가 탄생하였다.
• 자바스크립트의 한계점을 보완한 라이브러리이기에 리엑트는 자바스크립트의 문법을 그대로 활용하는 특성을 지니고 있다. 따라서 앵귤러, 뷰 보다는 상대적으로 배우기에 쉽다.

 

리엑트 특징

1. 선언적 개발이 가능하다.
   • 선언적 개발은 흔히 명령적 개발이라는 프로그래밍 기법과 대조되는 방식으로 어떻게(How)방식이 아니라 무엇(What)을 정의하는 프로그래밍 방식이라고 할 수 있다. 따라서 이거 해! 라고 선언을 하면 나머지 로직은 리엑트가 해준다고 생각하면 된다. 그렇기에 개발을 보다 편하게 할 수 있는 굉장히 큰 장점을 가지고 있다.
2. 생태계가 활발하다.
   • 리엑트는 Facebook에서 오픈소스로 변경한 뒤 계속해서 업데이트 되고 있기 때문에 상대적으로 사용자 수 가 많다. 따라서 많은 자료들이 존재하며 커뮤니티 또한 활발하여 리엑트 개발자들의 생산성을 향상시켜주는 결과를 가져오는 장점을 가지고 있다.
3. 컴포넌트(Component)기반의 라이브러리이다.
   • 리엑트의 가장 큰 특징 중 하나로써, 컴포넌트 단위의 개발이 가능하다. 컴포넌트는 쉽게 말하면 레고 블록이라고 생각하면 된다. 레고 블록을 통하여 하나의 결과물을 만들고 또 다른 결과물을 만들 때 사용하였던 레고 블록을 또 한번 사용이 가능하다는 것이다. 이러한 예시를 웹 개발에 적용하였을 때 웹 구성에 필요한 버튼, 사이드바, 메뉴바 등과 같이 컴포넌트로 만들어 놓으면 다른 웹을 만들 때 언제든 사용할 수 있다는 것이다.
   • 따라서 재사용성, 생산성, 유지보수성이 좋아지게 되는 큰 장점이 따라 온다.
   • 다양한 장점을 가지고 있는 컴포넌트를 어떤 것에 만들면 좋을까??
     • 반복적으로 사용되는 html 코드들
     • 큰 페이지
     • 자주 변경이 되는 것들
4. React Native 앱 개발이 가능하다.
   • 요즘 앱 개발 시장에서 아주 큰 인기를 끌고 있는 React Native는 React의 컴포넌트 생성과 구조가 유사하여 다른 플랫폼에서 활용할 수 있는 기술로써 확장이 가능한 좋은 장점을 가지고 있다.