외주 개발 3번째 업체가 된 이유 – 기술 스택 선택의 중요성

이 글을 쓴 사람: 외주 개발사 대표 (공학박사, 개발 경력 18년)

아래 사례는 고객사 정보 보호를 위해 각색했습니다.

3번째 업체로 투입되다

2020년, 한 B2B 대시보드 프로젝트에 투입됐습니다. 저희가 3번째 외주업체였습니다.

클라이언트 측 PM과 함께 기존 업체의 중간 점검 미팅에 참석했는데, 솔직히 당황스러웠습니다. QA를 앞둔 시점인데 제대로 동작하는 기능이 거의 없었습니다. 기존 업체 담당자는 "아직 시간 남았으니까 수정하면 된다"고 했지만, 그 자리에서 클라이언트는 프로젝트 중단을 결정했습니다.

그리고 저희에게 연락이 왔습니다.

코드를 열어보니

인수인계 받은 소스코드를 열어봤습니다. jQuery로 한 땀 한 땀 구현되어 있었습니다.

2020년 당시, 이게 이상한 선택이었을까요?

사실 아닙니다. W3Techs 조사에 따르면 2020년 10월 기준 전 세계 웹사이트의 76%가 jQuery를 사용하고 있었습니다(출처). 국내도 마찬가지였습니다. 2013년부터 2020년까지 국내에서 가장 많이 사용된 오픈소스 1위가 jQuery(13.69%)였습니다(출처).

하지만 글로벌 트렌드는 이미 바뀌고 있었습니다. 같은 시기 JetBrains 조사에서 React는 가장 많이 사용되는 프레임워크로, 전년 대비 점유율이 10%p 상승했습니다(출처).

문제는 이 프로젝트가 단순 웹페이지가 아니라 **복잡한 SPA(Single Page Application)**였다는 점입니다. 실시간 데이터 시각화, 다양한 필터링, 동적 UI 업데이트가 필요한 대시보드를 jQuery로 구현하려니 코드가 스파게티처럼 얽혀 있었습니다.

저희는 판단했습니다. 이 코드를 수정해서는 일정 안에 끝낼 수 없다고.

React로 재구축하다

클라이언트에게 솔직하게 말씀드렸습니다.

"기존 코드를 수정하는 것보다 React로 새로 만드는 게 빠릅니다."

React는 컴포넌트 기반이라 복잡한 UI를 체계적으로 관리할 수 있고, 상태 관리가 명확해서 대시보드 같은 동적 애플리케이션에 적합합니다. 무엇보다 장기적인 유지보수를 고려했을 때 훨씬 나은 선택이었습니다.

4개월간 고생했습니다. 클라이언트 런칭 일정에 맞추느라 빠듯했지만, 결국 성공적으로 오픈했습니다.

기술 스택 선택이 고민되신다면, 편하게 문의해 주세요.

5년이 지난 지금

그 시스템은 지금도 운영되고 있습니다. 유지보수도 저희가 계속 맡고 있고요.

5년간 몇 차례의 UI/UX 업그레이드와 기능 추가가 있었는데, 모두 문제없이 대응했습니다. React의 컴포넌트 구조 덕분에 기존 코드를 건드리지 않고도 새로운 기능을 붙일 수 있었습니다.

더 의미 있는 건, 그때 만들어놓은 프로젝트를 기반으로 Fleet 전용 서비스로 피봇도 성공적으로 완수했다는 점입니다. 처음부터 확장 가능한 구조로 설계했기 때문에 가능한 일이었습니다.

2020년의 기술 선택이 2026년까지 가치를 만들어내고 있는 셈입니다.

기술 스택 선택이 중요한 이유

이 경험에서 배운 건 명확합니다.

기술 스택 선택이 프로젝트 성패를 가릅니다.

물론 jQuery가 나쁜 기술이라는 게 아닙니다. 단순한 웹페이지, 워드프레스 기반 사이트에서는 여전히 jQuery가 효율적입니다. 하지만 복잡한 SPA를 jQuery로 만드는 건 망치로 나사를 박는 것과 같습니다.

저희가 기술을 선택하는 방식

저희는 프로젝트마다 기술 스택을 고민합니다. "우리가 잘 아는 기술"이 아니라 "이 프로젝트에 맞는 기술"을 찾습니다.

UI는 Tailwind CSS + shadcn/ui 조합으로 빠르게 구현합니다.

2020년에 React를 선택한 건 "최신 기술이라서"가 아니었습니다. 그 프로젝트에 맞는 기술이었기 때문입니다. 지금도 매 프로젝트마다 같은 질문을 합니다. "이 프로젝트에 최적의 기술 스택은 무엇인가?"

기술 스택 선택부터 고민이시라면 편하게 문의해 주세요. 상담은 무료입니다.

About

Things workshop (띵스워크샵)

2020년 설립, 소프트웨어 개발 전문 기업입니다.

"안 된다는 말 대신 방법을 찾습니다."

📧 contact@thingsw.com 📞 032-889-0410 💬 카카오톡 채널 🌐 thingsw.com

인천광역시 미추홀구 용정공원로 33