React 적용 가이드 - 네이버 메일 모바일 웹 적용기

이 글은 네이버 메일 모바일 웹의 디자인 개편 시 Vanilla JS로 작성된 기존 프런트엔드 코드를 React와 Redux를 사용하여 전면 재작성한 경험을 공유합니다. 2015년 12월 디자인 개편은 기능 변경 없이 UI만 수정하는 작업이었으나, 오래된 마크업 구조를 정리하며 전체 코드를 새로 작성하게 되었습니다.

기존 코드는 JSP와 JavaScript에 페이지 렌더링 로직이 중복되어 마크업 변경 시 이중 작업이 필요했습니다. React와 Redux를 선택한 이유와 적용 과정에서의 경험을 중심으로 다루며, 샘플 코드나 사용법은 포함하지 않습니다.

새로 작성된 코드는 1년 이상 꾸준히 유지 보수되며 다른 네이버 서비스에도 React와 Redux 적용 사례가 늘어나는 계기가 되었습니다.