J2KB 포니콘 프로젝트의 하나로 진행중인 뉴스댓글 여론분석 웹서비스는 누구나 쉽고 빠르게 원하는 뉴스의 댓글여론을 파악할 수 있도록 도와주는 서비스입니다. 이를 구현하기 위해 파이썬을 이용한 데이터분석 등의 기술들이 사용되지만, 프론트엔드에 사용되는 기술들은 다음과 같습니다.
라라벨(Laravel)은 효과적으로 대형 웹 어플리케이션을 개발하는데 사용되는 PHP 프레임워크입니다. PHP의 가장 최신 버전인 PHP 8을 공식적으로 지원하며, MVC(Model-View-Controller) 디자인패턴이 적용되어 있습니다.
이 프로젝트에서는 SPA 라이브러리인 리액트(React)만으로 구현하기 어려운 SEO 최적화를 위해 라라벨이 활용됩니다. 기본적으로 어플리케이션은 SPA 방식으로 작동하게 되지만, 페이스북 카카오톡 등 대중 SNS에서 링크가 공유되는 경우 페이지의 정보를 담고있는 메타태그를 생성하는데 라라벨이 사용됩니다.
대부분의 프론트엔드 처리는 리액트에서 이루어질 것이지만, 라라벨은 클라이언트의 요청을 받아들이고 리액트에 넘겨주는 역할을 담당하며, 이 프로젝트에서는 라우팅 기능을 수행하기 위해 라라벨일 사용됩니다.
리액트는 페이스북에서 개발하고 유지보수하는 자바스크립트 라이브러리로써, SPA 방식의 웹앱을 개발하는데 쉽게 사용될 수 있습니다. 기본적으로 클라이언트에서 작동되는 자바스크립트로 이루어져 있으므로, 데이터처리 등의 작업은 할 수 없으나, UX/UI를 구성하는데 핵심적인 역할을 담당할 수 있습니다. 백엔드 서버에서 API 방식으로 데이터를 가져와 웹브라우저에 출력하기 위한 부분을 포함하고 있으며, 페이징을 위한 기능도 일부분 포함하고 있습니다.
axios는 자바스크립트에서 비동기 방식으로 HTTP 요청을 처리하는 라이브러리입니다. 이 라이브러리를 활용해 백엔드 서버에서 데이터를 가져오게 됩니다.
리액트에서 리덕스를 사용하게 된다면 웹 어플리케이션에서 전역적으로 사용할 수 있는 상태(status)를 효율적으로 관리할 수 있으며, 리액트의 생명주기와 상관없이 어디에서든지 접근이 가능한 상태를 생성할 수 있습니다.
SASS는 스타일시트인 CSS의 전처리기로 중괄호를 사용할 수 있는 SCSS를 지원하는 등 직관적인 스타일시트 작성을 가능하게 해줍니다.
라라벨에서 기본적으로 제공하는 라이브러리로써 자바스크립트 전처리기로 사용되며 여러 개의 파일을 하나의 자바스크립트 파일로 통합해주는 웹팩의 기능을 수행합니다. 자바스크립트 파일을 하나로 통합시킬 수 있다는 점에서 HTTP 요청 횟수가 줄어들어 웹 최적화에 효과적입니다.
CKEditor는 위지윅(WYSIWYG) 웹 에디터로, 사용자가 콘텐츠를 장문의 콘텐츠를 입력할 때 편리함을 제공해주는 소프트웨어입니다. 리액트에서 간편하게 사용할 수 있습니다.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent