← 목록으로 돌아가기

야, 이걸 Next.JS로 재건축 앱을 싹 다 갈아엎는다고? 진짜 우리가 미쳤지! (feat. 희림종합건축사사무소)

2026년 7월 27일
#Project#Behind#AI_Generated
야, 이걸 Next.JS로 재건축 앱을 싹 다 갈아엎는다고? 진짜 우리가 미쳤지! (feat. 희림종합건축사사무소)
어, 안녕들 하신가? 다들 한 주 잘 보내셨는지 모르겠네. 퇴근하고 시원한 맥주 한잔 들이켜면서 이 글을 읽고 있다면, 당신은 정말 위너다. 나는 RX SOFT에서 프로젝트 매니저(PM)를 맡고 있는 이승민 본부장이다. 이 바닥에서 잔뼈 굵은 지 한 15년쯤 됐나? 워낙 이런저런 프로젝트를 많이 겪다 보니 이제 웬만한 건 놀랍지도 않은데, 최근에 끝낸 '희림종합건축사사무소 재건축 정비사업 관리' 프로젝트는... 음, 이건 좀 이야기가 다르다. 정말이지, 가슴속 깊이 잊을 수 없는 경험이랄까? 오늘 저녁은 이거 썰 풀다가 밤샐 것 같은 느낌적인 느낌이 든다. 솔직히 말하면, 이 프로젝트를 처음 수주할 때만 해도 우리 팀원들 사이에선 반신반의하는 분위기가 좀 있었다. 희림종합건축사사무소? 재건축? 딱 들어도 ‘이거 대박이다’ 싶으면서도, 동시에 ‘이거 보통 일이 아니겠는데?’ 하는 걱정이 스멀스멀 올라오는 거지. 특히 우리 개발팀장 류현광 팀장 같은 경우는 벌써부터 “Next.js로 이런 복잡한 재건축 프로세스를 전부 아우르는 앱을 만든다고요? 본부장님, 이거 밤샘 예약 각인데요?” 하면서 특유의 너스레를 떨었었다. 뭐, 개발자들 입장에서는 새롭고 도전적인 기술 스택(Next.JS, React)으로 뭔가 크게 한 방 만들 수 있다는 기대감도 있었겠지만, 그만큼 어깨가 무거웠던 것도 사실이다. 프로젝트 수주는, 늘 그렇듯이 단순한 계약서 사인으로 끝나지 않는다. 이건 마치 첫 만남에서부터 상대방의 모든 것을 파악해야 하는 심리전 같은 거랄까? 희림종합건축사사무소 측에서는 단순히 재건축 정보를 제공하는 것을 넘어, 조합원들이 실시간으로 사업 진행 상황을 파악하고, 중요한 의사결정에 참여하며, 심지어 투표나 서명까지 앱 안에서 모두 해결할 수 있는 통합 관리 시스템을 원했다. 한마디로 재건축 사업의 '모든 것'을 담아내는 그릇이 필요했던 거지. 그런데 이 '모든 것'이라는 게 생각보다 훨씬 넓고 깊다는 걸 우리는 얼마 지나지 않아 깨달았다. 우리 박범수 기획팀장님이 초기 미팅에서 고객의 눈을 마주보며 고개를 끄덕이던 모습이 아직도 생생하다. 그때는 몰랐겠지, 그 고개가 나중엔 격렬한 두통으로 이어질 줄은… 농담이다, 농담. 기획 단계는 정말이지, 고난의 연속이었다. 재건축 사업이라는 게 워낙 법규와 절차가 복잡하고, 이해관계자도 많다 보니, 이걸 일반 조합원들이 쉽게 이해하고 사용할 수 있는 UI/UX로 풀어내는 게 핵심이었다. 박범수 팀장은 밤낮으로 재건축 관련 법규 자료를 파고들며 사업 진행 단계별로 필요한 기능들을 촘촘하게 정의해 나갔다. 조합 설립부터 사업시행인가, 관리처분계획, 그리고 최종 입주까지. 각 단계에서 어떤 정보가 필요하고, 어떤 액션이 발생하며, 누가 어떤 권한을 가지고 접근해야 하는지, 수도 없이 많은 케이스를 시뮬레이션했다. Project Image 이때였나? 고객사 미팅 중에 살짝 멘붕이 왔던 에피소드가 하나 있다. 초안 기획과 와이어프레임을 들고 가서 “자, 이렇게 깔끔하게 핵심 정보를 보여주고, 중요한 투표나 서명 기능은 모듈화해서 사용자 친화적으로 접근하게 했습니다” 하고 야심 차게 설명했지. 그런데 희림 측의 담당자분이 갑자기 눈을 반짝이더니, “본부장님, 죄송한데… 저희 조합원분들은 평균 연령대가 좀 높으십니다. 복잡한 표나 그래프보다는, 한눈에 딱 들어오는 직관적인 이미지와 ‘진행도’가 더 중요할 것 같아요. 그리고… ‘우리 아파트가 재건축되면 어떻게 바뀔지’ 미리 볼 수 있는 시뮬레이션 기능은 없나요?” 라고 하시는 거야. 순간, 정적이 흘렀다. 직관적인 이미지와 진행도? 그건 우리가 이미 고려했던 부분이었지만, "미리 볼 수 있는 시뮬레이션 기능"이라니? 재건축 사업의 복잡한 변수들을 실시간으로 반영해서 시뮬레이션한다? 이건 완전히 새로운 차원의 요구사항이었다. 단순한 3D 렌더링이 아니라, 용적률, 층고, 세대 구성 같은 변수가 바뀔 때마다 건축물의 외형과 배치, 심지어 예상되는 사업 수익성까지도 대략적으로 보여줄 수 있어야 한다는 말씀! 이거 듣자마자 우리 박범수 팀장님 얼굴이 하얗게 질리는 게 눈에 선했다. ‘아, 이거 정말… 만만치 않겠는데?’ 하지만 우리는 RX SOFT 아닌가? 여기서 물러설 순 없지. 임정민 UI/UX 본부장님은 그 자리에서 바로 “네, 좋습니다. 조합원분들의 눈높이에 맞춰서, 최대한 쉽고 직관적인 시각화에 집중하겠습니다. 시뮬레이션 기능은… 내부적으로 기술 검토 후에 다시 말씀드리겠습니다!” 하고 패기 넘치게 받아치셨다. 그리고는 회의실을 나오자마자 내게 귓속말로 “본부장님, 이거 진짜 되긴 되는 건가요?” 묻더라니까. 하하. 그 후로 우리 UI/UX본부와 기획팀은 이 ‘재건축 시뮬레이션’ 기능을 위해 거의 한 달을 매달렸다. 기존 건축 데이터와 연동해서, 사용자가 몇 가지 변수만 입력해도 건축물의 외형 변화를 실시간으로 예측하고, 주요 사업 지표(예상 수익률, 세대수 변화 등)를 그래프로 보여주는 방식으로 방향을 잡았다. 조수현 디자인팀장님은 며칠 밤낮을 새워가며, 어려운 건축 정보를 시각적으로 아름답고 이해하기 쉽게 표현하는 디자인 가이드를 만들어냈다. 특히 '단지 배치도'나 '건축 갤러리' 같은 섹션은 단순히 이미지를 나열하는 것을 넘어, 마치 실제 모델하우스를 방문한 듯한 몰입감을 주기 위해 고해상도 이미지를 최적화하고 인터랙티브 요소를 곳곳에 심었다. 디자인이 어느 정도 잡히고, 드디어 개발본부의 장원찬 본부장님 지휘 아래 프론트엔드팀(류현광 팀장)과 백엔드팀(박재현 팀장)이 본격적으로 뛰어들었다. 여기서 두 번째 멘붕 일화가 터진다. 바로 그 '시뮬레이션' 기능 때문이었다. Next.js와 React를 기반으로 하니 프론트엔드 퍼포먼스는 걱정 없다고 생각했는데, 조합원 정보, 사업 진행 데이터, 그리고 우리가 새롭게 구축한 시뮬레이션 로직까지, 수많은 데이터가 실시간으로 상호작용하면서 앱의 속도가 현저히 느려지는 현상이 발생한 거다. 특히 모바일 환경에서, 고해상도의 단지 배치도를 확대하고 축소할 때마다 버벅거리는 현상은 용납할 수 없었다. 류현광 팀장 얼굴에 다크서클이 턱 밑까지 내려온 어느 날, 나한테 와서 "본부장님, 이거… 진짜 답이 없는 것 같습니다. 캐싱, 코드 스플리팅, 이미지 최적화… 할 수 있는 건 다 해봤는데, 시뮬레이션 로직이 너무 무겁습니다. 이대로는 출시 못합니다!" 하고 털어놓더라. 듣는 순간, 머리가 띵했다. 아니, RX SOFT는 최신 기술에 능하고, 베테랑 개발자들이 득실득실한 곳 아닌가? 100명이 넘는 우리 전문가들이 이걸 못 한다고? 장원찬 개발본부장님은 이 문제를 해결하기 위해 팔을 걷어붙였다. 박재현 백엔드팀장과 머리를 맞대고, 시뮬레이션 로직을 서버리스 아키텍처로 분리하고, 특정 연산은 웹 워커(Web Worker)를 활용해 메인 스레드 부담을 줄이는 방안을 강구했다. 프론트팀은 가상화 리스트(Virtualization List)와 Intersection Observer API를 활용하여 필요한 데이터만 불러오고, 불필요한 렌더링을 최소화하는 데 집중했다. 사실 이 과정에서 몇 번의 삽질과 좌절이 있었던 건 비밀 아닌 비밀이다. 새벽 3시에 류현광 팀장한테서 “본부장님, 드디어 찾았습니다!”라는 카톡을 받았을 때, 그 희열은… 진짜 개발자의 마음을 이해하는 순간이었다. 우리는 단순히 기술적인 문제 해결을 넘어, '컴퍼니빌더' 마인드로 고객의 비즈니스 가치를 극대화하는 데 집중했다. 고객의 요구사항이 비록 무리하게 느껴질지라도, 그 안에는 반드시 중요한 비즈니스 목표가 숨어있다는 것을 알고 있었다. "조합원들의 신뢰 확보"와 "사업 투명성 강화"라는 고객의 최종 목표를 달성하기 위해, 우리는 끈기 있게 최고의 솔루션을 찾아 나섰다. 개발이 끝나고 QA팀 안미려 팀장님이 최종 검수를 할 때는 또 다른 고비였다. 이 앱은 일반적인 서비스 앱이 아니라, 수천억, 수조 원이 오가는 재건축 사업의 핵심 도구 아닌가. 작은 버그 하나가 엄청난 파급력을 가질 수 있기 때문에, 안미려 팀장님은 거의 탐정 수준으로 버그를 찾아냈다. "본부장님, 5000명 동시 접속 시 투표 서버 응답 속도가 0.5초 느려집니다. 이건 안 됩니다." "아니, 이 구석진 페이지에 있는 PDF 뷰어에서 특정 해상도에서 스크롤 바가 살짝 튀는 현상이 발견됐습니다." 등등. 정말이지, "이런 것까지 찾아낸다고?" 싶을 정도의 집요함이었다. 덕분에 우리는 거의 완벽에 가까운 결과물을 만들어낼 수 있었다. 유지보수팀 김성찬 팀장은 벌써부터 시스템 안정성을 위한 인프라 구축에 만전을 기하고 있었다. 결과적으로 희림종합건축사사무소의 "재건축 정비사업 관리" 앱은 대성공이었다. 조합원들은 스마트폰으로 언제든 사업 진행 현황을 확인하고, 중요 공지사항을 놓치지 않으며, 심지어 모바일로 투표와 서명까지 할 수 있게 되었다. 특히 그 복잡했던 '시뮬레이션' 기능은 조합원들에게 큰 호응을 얻었다. "우리 아파트가 이렇게 바뀌는구나!" 하면서 미래의 모습을 미리 체험하는 듯한 경험은 조합원들의 참여율을 높이는 데 결정적인 역할을 했다. 우리가 도입한 Next.JS와 React는 빠르고 안정적인 사용자 경험을 제공했고, 앱이라는 이름에 걸맞은 성능을 유감없이 발휘했다. 아, 정말이지, 이 프로젝트를 돌아보면 고생했던 시간들이 주마등처럼 스쳐 지나간다. 하지만 그만큼 보람도 컸다. RX SOFT는 단순히 '시키는 대로' 개발하는 회사가 아니다. 우리는 고객의 숨겨진 니즈를 찾아내고, 그걸 현실로 만드는 '컴퍼니빌더'다. 100명이 넘는 베테랑 인력들이 각자의 분야에서 최고의 전문성을 발휘하고, 최신 기술 트렌드를 항상 주시하며 가장 효율적인 솔루션을 제공하는 것이 바로 우리 RX SOFT의 강점이다. 혹시 지금, 당신의 머릿속에 번뜩이는 아이디어가 있는데, "이거 진짜 만들 수 있을까?" 하는 고민에 빠져있다면? 아니면 기존 시스템의 한계에 부딪혀 답답해하고 있다면? 주저하지 말고 RX SOFT의 문을 두드려라. 우리는 당신의 상상을 현실로 만들어줄 준비가 되어있다. 우리와 함께라면, 그 어떤 난관도 유쾌한 에피소드로 바뀔 수 있을 테니! 더 많은 RX SOFT의 놀라운 프로젝트 이야기가 궁금하다면, 아니면 우리처럼 '미친 아이디어'를 현실로 만들고 싶은 개발자, 기획자, 디자이너, QA 전문가라면 언제든 환영이다. 아래 링크에서 RX SOFT의 포트폴리오를 확인하고, 우리와 함께 미래를 만들어갈 기회를 잡아보세요! https://rxsoft.co.kr/

연관 포스팅