하나의 프론트엔드 코드로 멀티 환경 운영하기

본 글은 하나의 프론트엔드 코드로 여러 환경의 요구사항에 대응하며 개발 생산성과 유지 보수성을 높이는 방법을 다룹니다. 모두싸인은 일반 기업용, 공공용, 온프레미스 세 가지 환경에 대한 서비스를 제공하며, 각 환경별 요구사항이 달라 발생하는 문제점을 해결하기 위해 단일 코드베이스 전략을 채택했습니다.

초기에는 if/else 조건문으로 환경별 분기를 처리했으나, 코드 복잡성과 유지보수 어려움이 발생했습니다. 이에 AST(추상 구문 트리)와 ESLint 플러그인을 활용하여 조건 분기를 체계적으로 관리하고 코드 일관성을 유지하며 개발 과정을 개선한 경험을 공유합니다.