라쿤의 끄적끄적

지난 글에서 프론트엔드 생태계의 거대한 흐름을 회고해 보았다면, 이번에는 그 중심에 있었던 리액트(React)를 다시금 톺아보고자 한다. Vue나 Angular 같은 쟁쟁한 경쟁자들 사이에서 리액트가 독보적인 선택을 받았던 이유는 무엇일까?DOM과 상태의 동기화: 새로운 패러다임의 제시과거 바닐라 자바스크립트나 jQuery 중심의 개발 환경에서는 상태가 변할 때마다 해당 상태와 연결된 DOM을 수동으로 동기화해야 했다. 명령형 프로그래밍 방식은 서비스가 커질수록 로직이 어디서 어떻게 실행되는지 추적하기 어렵게 만들었다.리액트는 여기서 "매 렌더링마다 UI 전체를 다시 그리자"라는 파격적인 방향을 제시했다. 내부적으로 Virtual DOM을 활용해 실제 변경된 부분만 효율적으로 반영하는 구조를 갖췄고, 특..

2021년부터 프론트엔드 개발자로서 커리어를 쌓아왔다. 당시 프론트엔드 생태계는 엄청나게 빠른 트렌드 변화의 중심에 있었다.2021년 당시 표준 보일러플레이트는 React + Webpack + Babel 기반의 CRA(Create React App)였으며, JavaScript가 주류였다.상태 관리는 MobX도 있었지만, Redux 가 시장을 지배하던 시절이었다.그러다 조금이라도 커스텀 설정이 필요하면 CRA를 eject해야 했는데, 직접 Webpack을 관리하는 것은 매우 까다로운 작업이었다. 앱이 복잡해질수록 안정성 문제가 대두되었고, 정적 분석의 필요성에 대한 논의가 활발해지면서 React에서도 본격적으로 TypeScript를 지원하기 시작했다.한편, 모듈 표준 문제로 진통을 겪던 JS 진영은 Com..