[학위논문]웹 프론트엔드 프레임워크 및 라이브러리 장단점 연구 : Angular, React, Vue 중심으로 A study of web front-end framework and library pros and cons : focused on Angular, React, Vue원문보기
최근 웹 어플리케이션 환경은 빠르게 발전하고 있다. 웹 2.0으로 시작된 HTML5, AJAX, REST API등의 기술은 웹 생태계의 변화를 촉진시켰다. 모바일을 포함한 멀티브라우저 환경에서 웹 성능은 중요한 요인이 되었다. 그렇게 등장한 것이 Single Page Application(...
최근 웹 어플리케이션 환경은 빠르게 발전하고 있다. 웹 2.0으로 시작된 HTML5, AJAX, REST API등의 기술은 웹 생태계의 변화를 촉진시켰다. 모바일을 포함한 멀티브라우저 환경에서 웹 성능은 중요한 요인이 되었다. 그렇게 등장한 것이 Single Page Application(SPA)이다. SPA는 트래픽을 감소 시켜 멀티 브라우저 환경에서 사용자에게 속도감 있는 웹 화면을 제공한다. 기존의 서버사이드렌더링 방식의 웹 어플리케이션이 아닌 클라이언트 사이드 렌더링 방식으로 불필요한 리소스 낭비를 줄이고 꼭 필요한 작업만 수행하여 웹 어플리케이션을 효과적으로 구동시킨다. 초기 SPA는 AJAX기술을 기반으로 서버와 비동기식으로 데이터를 주고받으며 사용자에게 더 나은 경험을 제공하기 위하여 시작되었다. 하지만 점점 브라우저에서 처리되어야 할 코드들이 늘어나면서 코드의 구조화가 필요해졌다. 그렇게 프론트엔드 프레임워크 및 라이브러리들이 나오기 시작하였다. 본 논문에서는 프론트엔드 프레임워크 및 라이브러리에 대한 전반적인 구조를 설명하고 장단점을 비교하였다. 특히 Angular, React, Vue를 중심으로 분석하였다. 또한 브라우저에서 실행되는 자바스크립트 기반의 프론트엔드 프레임워크 및 라이브러리의 특성을 고려하여 보안 취약점을 분석하였다.
최근 웹 어플리케이션 환경은 빠르게 발전하고 있다. 웹 2.0으로 시작된 HTML5, AJAX, REST API등의 기술은 웹 생태계의 변화를 촉진시켰다. 모바일을 포함한 멀티브라우저 환경에서 웹 성능은 중요한 요인이 되었다. 그렇게 등장한 것이 Single Page Application(SPA)이다. SPA는 트래픽을 감소 시켜 멀티 브라우저 환경에서 사용자에게 속도감 있는 웹 화면을 제공한다. 기존의 서버사이드 렌더링 방식의 웹 어플리케이션이 아닌 클라이언트 사이드 렌더링 방식으로 불필요한 리소스 낭비를 줄이고 꼭 필요한 작업만 수행하여 웹 어플리케이션을 효과적으로 구동시킨다. 초기 SPA는 AJAX기술을 기반으로 서버와 비동기식으로 데이터를 주고받으며 사용자에게 더 나은 경험을 제공하기 위하여 시작되었다. 하지만 점점 브라우저에서 처리되어야 할 코드들이 늘어나면서 코드의 구조화가 필요해졌다. 그렇게 프론트엔드 프레임워크 및 라이브러리들이 나오기 시작하였다. 본 논문에서는 프론트엔드 프레임워크 및 라이브러리에 대한 전반적인 구조를 설명하고 장단점을 비교하였다. 특히 Angular, React, Vue를 중심으로 분석하였다. 또한 브라우저에서 실행되는 자바스크립트 기반의 프론트엔드 프레임워크 및 라이브러리의 특성을 고려하여 보안 취약점을 분석하였다.
Web application environment has advanced rapidly in recent years. Technologies such as HTML5, AJAX, and REST API, which started with Web 2.0, have promoted changes in the web ecosystem. Web performance has become an important factor in Multi Browser environments including mobile. In the process, Sin...
Web application environment has advanced rapidly in recent years. Technologies such as HTML5, AJAX, and REST API, which started with Web 2.0, have promoted changes in the web ecosystem. Web performance has become an important factor in Multi Browser environments including mobile. In the process, Single Page Application (SPA) has appeared. SPA provides a more responsive web screen that reduces traffic to users in a Multi Browser environment. It is a Client-side rendering method, not an existing Server-side rendering method of a Web application, which only performs the tasks necessary to effectively run a web application. The initial SPA was launched to provide users with a better experience as a way to exchange data asynchronously with the server based on AJAX technology. But as more and more code has to be processed in the browser, it has become necessary to structure the code. For this reason, Front-end Frameworks made its appearance. In this paper, It had described the overall structure of the front-end framework and library, and compared its advantages and disadvantages. In particular, it analyzed the Front-end Framework focusing on Angular, React and Vue. Also, it analyzed the security vulnerability taking into account the characteristics of the JavaScript-based Front-end Framework that runs in the browser.
Web application environment has advanced rapidly in recent years. Technologies such as HTML5, AJAX, and REST API, which started with Web 2.0, have promoted changes in the web ecosystem. Web performance has become an important factor in Multi Browser environments including mobile. In the process, Single Page Application (SPA) has appeared. SPA provides a more responsive web screen that reduces traffic to users in a Multi Browser environment. It is a Client-side rendering method, not an existing Server-side rendering method of a Web application, which only performs the tasks necessary to effectively run a web application. The initial SPA was launched to provide users with a better experience as a way to exchange data asynchronously with the server based on AJAX technology. But as more and more code has to be processed in the browser, it has become necessary to structure the code. For this reason, Front-end Frameworks made its appearance. In this paper, It had described the overall structure of the front-end framework and library, and compared its advantages and disadvantages. In particular, it analyzed the Front-end Framework focusing on Angular, React and Vue. Also, it analyzed the security vulnerability taking into account the characteristics of the JavaScript-based Front-end Framework that runs in the browser.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.