React - Web Application

1) Web Application

현재 우리가 사용하고 있는 Web Application은 보이는 것(UI: User Interface)과 할 수 있는 것(UX: User Experience)으로 구성되어 있고, UI/UX로 인해서 하나의 웹 페이지에서 문서 작성, 쇼핑, SNS, 게임 등의 기능을 이용할 수 있도록 웹 페이지로 구현한것이다. 웹 브라우저를 통해 응용 소프트웨어 기능을 이용할수 있도록 만든 동적 매개체를 Web Application 이라고 한다.

[1. 단순하고 간결한 웹 페이지 : Yahoo]

사진 출처 : 매일신문

[2. 상호작용이 많은 웹 페이지 : 아임닭]

사진 출처 : 아임닭

1번째 사진과 2번째 사진을 보고 비교해보면, 1번째는 정적(Static Web)이고 UI가 매우 단순하고 검색어 및 회원정보 입력, 항목 클릭 등 비교적 상호작용이 적었던 것에 비해 2번째는 정/동적(Dynaminc Web)이고 다양한 UI를 가지며 카테고리 hover 이벤트, 좋아요 및 장바구니 기능 등 유저와의 상호작용이 많아지고 다루어야 할 데이터와 코드가 증가함.

Summary

• Web Application은 하나의 웹 페이지에서 문서 작성, 쇼핑, SNS, 게임 등의 기능을 이용할 수 있도록 만든 동적 매개체를 말함
• 이전 방식은 DOM 으로 접근해서 Application을 구현했지만, 웹 애플리케이션의 규모가 커지고 다양한 UI, UX를 구현하다보니 유지보수 관리가 어려움
• 이 문제를 해결하기 위해 jQuery가 등장함
• jQuery는 Javascript 언어 기반의 라이브러리
• 하지만 jQuery 마저도 한꺼번에 관리하기 쉽지 않은 문제가 생김
• 이 문제를 해결하기 위해 Angular, Vue, React의 새로운 프레임워크/라이브러리가 등장함
• Angular, Vue는 프레임워크, React는 라이브러리 기반