🌏 웹 애플리케이션의 발전
→ 과거 웹 페이지는 UI가 단순하고 상호작용이 적었지만 현재의 웹 페이지는 동적이고 유저와의 상호작용이 많아짐에 따라 다뤄야 할 데이터와 코드가 증가하게 되었다.
웹 애플리케이션의 규모가 커지고 다양한 UI, UX를 구현하기 위해선 과거 DOM에 직접 접근하는 방법으론 개발과 유지보수가 어려워졌다.
이러한 점을 보안하기 위해 jQuery가 등장하였으나 jQuery도 결국엔 DOM에 쉽게 접근하여 조작을 가능하게 하는 메서드의 모음이었기 때문에 화면의 많은 DOM 요소들에 직접 접근하여 조작, 관리하긴 쉽지 않았다.
이러한 이유로 인해 다양한 프론트엔드 프레임워크와 라이브러리가 등장하게 되었다.
💻 프레임워크와 라이브러리
💡 프레임워크 → 틀이 짜인 작업환경에 개발자가 들어가서 작업을 하는 것.
라이브러리 → 사람이 만들어 둔 도구를 개발자가 작업할 때 가져와서 활용하는 것.
프레임워크
- 개발자가 작업을 하기 위한 전체적인 틀(frame)을 제공.
- 개발자는 틀 안에서 그 방식에 맞춰서 작업을 해야함.
- 예) 앵귤러, 뷰
라이브러리
- 전체적인 틀이 아닌 하나의 기능만을 도구처럼 제공.
- 개발자는 필요한 도구(라이브러리)를 가져와서 사용.
- 예) 리액트
공통점
- 복잡한 개발을 편리하게 하기 위해서 미리 작성해서 제공해준 코드.
- 필요한 기능을 미리 만들어서 사용할 수 있는 형태로 제공.
- 개발자들은 처음부터 모든 것을 다 만드는 것이 아니라 프레임워크와 라이브러리를 이용해서 편리하게 개발을 할 수 있게 됨.
리액트를 사용하는 이유
-
리액트는 자신만의 문법을 가진 앵귤러, 뷰와는 다르게 대부분 자바스크립트의 문법을 그대로 활용한다. 따라서 이미 자바스크립트에 친숙하다면 리액트를 잘 활용할 수 있고, 처음 학습하더라도 리액트를 공부하고 활용하면서 자연스럽게 자바스크립트에 대한 이해도를 높일 수 있다.
-
페이스북의 지속적인 관리와 사용자가 많고 커뮤니티가 발달되었다.
그렇기에 리액트를 활용하면서 마주할 문제들에 대한 해결방안을 쉽게 찾을 수 있어 개발자의 생산성을 향상된다.
-
리액트를 사용하는 웹 개발자는 리액트 기반의 React Native라는 기술을 통해 웹 뿐만 아니라 iOS, 안드로이드 기반의 모바일 애플리케이션도 개발할 수 있다.
이러한 이유들로 인해 리액트의 사용자가 꾸준히 증가하고 있고, 현재 가장 많이 사용되고 있다.
