Toscano Digital, Blazor와 .NET을 사용해 고트래픽 부동산 포털 구축

수백만 사용자를 위한 현대화

Toscano Digital은 2014년부터 .NET 기술을 주력으로 사용해 왔습니다. 2020년 이들은 Gruppo Toscano 네트워크에서 매일 약 1,000명의 협력자가 사용하는 중요 업무용 B2B CRM의 두 번째 버전에 Blazor WebAssembly를 조기에 도입했습니다. .NET Framework와 jQuery에서 Web API와 Blazor WebAssembly로의 마이그레이션은 큰 성공을 거두어, 기능 속도가 더 빨라지고 유지 관리도 훨씬 간단해졌습니다.

하지만 수백만 명의 이탈리아인들이 집을 찾는 B2C 사이트이자 그룹의 대외용 포털을 재구축할 시점이 되자, 상황은 이전과 달라졌습니다. 유기적 검색이 부동산 매물 트래픽의 주요 동인이므로 새 사이트는 SEO에 최적화되어야 했습니다. 모바일 장치에서 빠르게 로드되어야 했습니다. 또한 예측할 수 없는 트래픽 급증을 처리해야 했습니다.

기존의 접근 방식은 React, Next.js, Vue를 전문으로 하는 별도의 프론트엔드 팀을 고용하는 것이었습니다. Toscano Digital도 그러한 옵션을 검토했지만 Pietro Montelatici CEO는 다른 길을 선택했습니다. 그는 "JavaScript 프레임워크를 도입했다면 팀의 기술 역량이 분산되고 공유 비즈니스 로직 관리가 복잡해졌을 것"이라며, "우리같은 소규모 팀은 백엔드와 프론트엔드 모두에서 같은 언어를 쓸 수 있다는 점이 최고의 생산성 향상 요소입니다"라고 설명합니다.

팀은 내부 CRM과 공용 포털 모두에 Blazor를 전면 도입하기로 결정했습니다. .NET 10의 서버 측 렌더링 기능이 트래픽이 많은 소비자 사이트에서 요구하는 SEO와 성능을 제공할 수 있다고 믿었기 때문입니다.

SEO 및 속도를 위한 "중립 SSR" 아키텍처

Toscano Digital은 사용자가 기대하는 풍부한 상호작용을 유지하면서 SEO(검색 엔진 최적화) 요구 사항을 충족하기 위해 정적 서버 쪽 렌더링과 WebAssembly 하이드레이션을 결합한 계층화된 아키텍처를 설계했습니다.

• 정적 SSR: .NET 10의 정적 서버 측 렌더링을 사용해 페이지를 서버에서 렌더링하고, 검색 엔진이 즉시 인덱싱할 수 있는 완성된 형태의 HTML로 전달합니다.
• 에지 캐싱: 렌더링된 HTML은 사용자별 개인 설정이 제거된 "중립" 상태로 만들어지므로, Cloudflare가 이를 에지에 캐싱하여 전 세계 어디에서나 1초 미만의 속도로 전송할 수 있습니다. 캐시 제거는 각 배포에서 GitHub Actions를 통해 자동으로 처리됩니다.
• WASM 하이드레이션: 초기 페이지가 로드되면 Blazor WebAssembly가 상호작용과 개인 설정을 제공합니다. 저장된 검색이나 계정 정보 같은 사용자별 데이터는 초기 렌더링 후 API를 통해 불러옵니다.

이 방식으로 Toscano Digital은 두 마리 토끼를 잡을 수 있게 되었습니다. 검색 엔진은 완전히 렌더링된 콘텐츠를 수집할 수 있고, 사용자는 페이지가 상호작용 가능한 상태가 된 이후에는 앱 같은 유연한 환경을 누릴 수 있습니다.

PersistentComponentState: 간소화된 핸드오프

서버 측 렌더링과 클라이언트 측 상호작용을 결합할 때 가장 까다로운 측면 중 하나는 두 방식 간의 핸드오프입니다. Blazor WebAssembly가 서버 렌더링 페이지를 인계받을 때, 중복 API 호출이나 눈에 띄는 깜박임 없이 애플리케이션 상태가 원활하게 전송되어야 합니다.

.NET 10에서 Blazor는 [PersistentState] 특성을 도입해 과정을 크게 단순화했습니다. Toscano Digital에 이러한 개선은 혁신적이었습니다.

PersistentComponentState는 단순한 기능을 넘어 기존 방식에 없던 서버-클라이언트 간 핸드오프를 위한 안정적이고 견고한 기반을 제공합니다. 덕분에 Blazor는 대규모 B2C를 위한 진정으로 합리적인 선택이 되었습니다.

[PersistentState] 특성은 팀이 이전에 상태 전송을 수동으로 관리하기 위해 작성했던 복잡한 상용구 코드를 제거해 주었습니다. 선언적 모델은 이전 방식과 비교해 더 견고하고 안정적인 메커니즘을 제공하므로 전체 아키텍처를 훨씬 더 쉽게 유지 관리할 수 있습니다.

모바일 환경에서 "라스트 마일"\ 최적화

핵심 아키텍처를 갖춘 후 Toscano Digital은 모바일 성능에 집중했습니다. 데스크톱에서는 콘텐츠가 처음 나타나는 시점이 단 0.6초로 우수했습니다. 하지만 모바일 장치에서는 총 차단 시간이 1초를 넘었는데, 이는 WebAssembly 런타임 부팅과 하이드레이션 단계 때문이었습니다.

팀은 AOT 컴파일과 어셈블리 트리밍 전략을 시도하면서 환경 최적화에 광범위한 노력을 기울였습니다. 테스트 결과 미묘한 절충안이 확인되었습니다. 미리 컴파일하면 실행 속도가 향상되지만, 모바일 장치에서 초기 구문 분석 시간이 늘어날 수 있었습니다. Toscano Digital은 Microsoft의 Blazor 엔지니어링 팀과 협력해, 사용자 상호작용이 필요할 때까지 WebAssembly 초기화를 지연시키는 고급 로딩 전략을 탐색해 기능 저하 없이 체감 성능을 개선했습니다.

결과가 말해줍니다. 새 아키텍처 덕분에 평균 서버 응답 시간이 200밀리초에서 30밀리초로 단축되었으며, 이는 85% 개선된 수치입니다.

진정한 풀스택 팀

.NET 10과 Blazor 덕분에 프런트엔드와 백엔드 사이의 경계를 허물었고, 5명의 소규모 팀으로도 대규모의 복잡한 제품을 관리할 수 있게 되었습니다."

Montelatici CEO에게 .NET 선택의 가장 큰 영향은 조직적인 측면이었습니다. 단일 언어와 프레임워크로 전체 스택을 아우르면서, 백엔드 서비스를 개발하는 팀과 사용자 인터페이스를 만드는 팀 간 장벽이 사라졌습니다. 5인 팀 구성원 모두가 시스템 어느 부분이든 작업할 수 있습니다.

그 결과 커뮤니케이션 오버헤드와 통합 오류, 즉 사일로화된 대규모 팀의 속도를 늦추는 마찰이 획기적으로 줄었습니다. 아이디어가 실제 결과물로 반영되는 속도가 빨라지고, 팀은 전문가를 기다리지 않고도 비즈니스 요구에 신속히 대응할 수 있게 되었습니다.

팀은 C# 외에도 복잡한 URL 라우팅 로직 관리를 위한 패턴 매칭과 데이터 조작을 위한 LINQ 같은 .NET 기능을 활용합니다. Montelatici CEO는 대규모 코드베이스에서 코드를 깔끔하고 표현력 있게 유지하는 데 이 두 가지가 필수적이라고 설명합니다.

Azure 및 GitHub 기반

Toscano Digital의 인프라는 전적으로 Microsoft Azure에서 운영되며, 여기에는 App Service, Azure Functions, Azure SQL, Service Bus, Blob Storage, Logic Apps, 그리고 부동산 설명문 재작성과 중개인을 위한 커뮤니케이션 전략 제안 등 B2B CRM 내의 AI 기반 기능을 지원하는 Microsoft Foundry가 포함됩니다.

전체 소프트웨어 수명 주기는 GitHub에서 관리되며, GitHub Actions가 CI/CD 파이프라인을 지원합니다. 여기에는 매 배포 후 에지 캐시된 콘텐츠를 최신 상태로 유지하는 자동화된 Cloudflare 캐시 삭제 기능도 포함됩니다.

실제 성과

새 포털은 2026년 3월 초에 출시되었으며, 결과는 기대 이상이었습니다.

• 서버 응답 시간: 200ms → 30ms(85% 감소)
• 콘텐츠가 처음 나타나는 시점: 데스크톱에서 0.6초
• 신규 사용자 계정: 첫 3주 동안 약 10만 개 생성됨
• 트래픽 처리: Azure와 SSR의 결합으로 예기치 않은 트래픽 급증도 원활하게 관리됩니다.

이 프로젝트는 Gruppo Toscano의 전국 로드쇼에서 600명이 넘는 상업 네트워크의 구성원에게 성공적으로 공개되어, .NET 기술이 그룹의 성장과 디지털 변환을 지원할 준비가 되었음을 입증했습니다.

신뢰를 구축하는 투명성

포털 기능 중 Toscano Digital이 가장 자랑스럽게 여기는 것은 개인 영역입니다. 고객은 부동산 조회 통계, 예약된 방문 일정, 유입된 잠재 고객, 매물 마케팅에 사용되는 특정 미디어 채널 등을 비롯하여 구매 및 판매 과정의 모든 단계를 하루 24시간 실시간으로 모니터링할 수 있습니다.

.NET의 강력한 기능 덕분에 부동산 시장의 복잡한 환경을 유연하고 투명하며 빠른 사용자 환경으로 바꿀 수 있었습니다.

이 완전한 투명성 덕분에 Toscano의 대리점과 고객 사이의 신뢰가 강화되고, 기술 투자는 이탈리아 부동산 시장에서 경쟁 우위로 자리 잡았습니다.