본문 바로가기
코드 화면을 함께 보는 개발팀

02 — WEB · SI

실제로 쓰이는 소프트웨어를끝까지 함께 만듭니다

웹·모바일·내부 플랫폼을 기획부터 운영까지 한 팀이 책임지는 SI 개발.

요구사항이 문장 몇 줄이어도 괜찮습니다. 범위와 일정부터 정리해 드립니다.

WHAT THIS IS

루프온 웹 개발(SI)이란

루프온 웹 개발(SI)은 기업 홈페이지·웹사이트 제작과 리뉴얼, 랜딩페이지와 웹·모바일·내부 플랫폼을 기획부터 운영까지 한 팀이 책임지는 구축 서비스입니다. 요구사항이 문장 몇 줄이어도 범위와 일정부터 정리하고, 2주 단위로 동작하는 결과물을 확인하며 진행합니다. 공공 사업은 전자정부 표준프레임워크 기준으로 감리·인수인계까지 맞춰 둡니다.

이런 때

이런 때 이 영역입니다

  • 만들 것은 있는데 범위 문서가 아직 없을 때

  • 웹·앱·내부 시스템을 한 팀이 끝까지 맡아주길 바랄 때

  • 만들고 끝내지 않고 운영·인수인계까지 필요할 때

  • 전자정부 표준프레임워크 기반 공공 SI가 필요할 때

어디서부터 맡겨야 할지 모르겠다면, 30분 상담으로 시작하세요.

확인할 수 있는 것만 적습니다

성과나 고객 수 주장 대신, 이 페이지에서 그대로 세어 확인할 수 있는 숫자만 둡니다.

4단계

요구사항 정리부터 인수인계까지 정해진 진행 단계

6갈래

웹·모바일·백엔드·데이터·인프라·품질로 나눈 기술 스택 갈래

3산출물

프로젝트 종료 시 넘겨드리는 제공물 묶음

2주

동작하는 결과물을 확인하는 검수 주기

무엇으로 만드나

실제 프로젝트에서 쓰는 것만 적습니다. 웹 화면부터 모바일·백엔드·데이터·인프라·품질까지 여섯 갈래로 나눠 두었습니다.

01

프론트엔드 · 웹

08

  • Next.js
  • React
  • Vue.js
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • shadcn/ui
  • Motion

02

모바일 · 크로스플랫폼

06

  • iOS
  • Android
  • Swift
  • Kotlin
  • Flutter
  • Ionic

03

백엔드 · 런타임

08

  • Node.js
  • Java
  • Spring
  • Spring Boot
  • Python
  • PHP
  • .NET
  • Go

04

데이터

06

  • PostgreSQL
  • MySQL
  • MariaDB
  • MongoDB
  • Redis
  • Supabase

05

인프라 · 배포

10

  • Docker
  • Kubernetes
  • nginx
  • Linux
  • Vercel
  • GitHub Actions
  • Jenkins
  • Terraform
  • Doppler
  • Turborepo

06

품질 · 협업

07

  • Git
  • GitHub
  • GitLab
  • ESLint
  • Vitest
  • Playwright
  • Lighthouse CI

각 로고와 명칭은 해당 사에 귀속된 상표이며, 루프온이 실제로 다루는 기술을 표시하기 위해 사용합니다. 파트너십이나 해당 사의 보증을 뜻하지 않습니다.

PUBLIC SECTOR · eGovFrame

전자정부 표준프레임워크 기반 공공 SI

행정안전부가 배포하는 전자정부 표준프레임워크는 공공 정보화 사업의 사실상 표준입니다. 사업이 끝난 뒤에도 발주처와 후속 사업자가 같은 구조로 이어받게 하려는 장치라, 개발보다 인수인계와 감리를 먼저 놓고 설계합니다. 기반이 Spring · Java 라 위 백엔드 스택과 그대로 이어집니다.

전자정부 표준프레임워크 포털 eGovFrame 로고

eGovFrame 로고와 명칭은 행정안전부에 귀속된 표식이며, 루프온이 대응하는 기술 기반을 표시하기 위해 사용합니다. 인증이나 제휴 관계를 뜻하지 않습니다.

  1. 표준프레임워크 버전 대응

    사업 공고가 지정하는 표준프레임워크 버전에 맞춰 개발 환경과 실행 환경을 구성합니다. 버전이 요구하는 JDK · 빌드 도구까지 함께 맞춥니다.

  2. 공통컴포넌트 우선 활용

    표준프레임워크가 제공하는 공통컴포넌트를 먼저 검토하고, 그대로 쓸 수 있는 기능은 새로 만들지 않습니다. 손댄 부분은 무엇을 왜 고쳤는지 문서로 남깁니다.

  3. 웹 접근성 · 감리 대응

    한국형 웹 콘텐츠 접근성 지침(KWCAG) 기준을 개발 단계부터 반영하고, 단계별 감리에서 요구하는 자료를 그 시점에 맞춰 제출합니다.

  4. 인수인계 산출물

    분석 · 설계 · 시험 산출물과 운영 매뉴얼을 사업 종료 시점에 함께 넘겨드립니다. 담당자가 바뀌어도 문서만으로 이어받을 수 있는 상태가 기준입니다.

표준프레임워크 기반 공공사업의 수행 역량과 대응 범위를 적었습니다. 개별 사업의 발주 기관명과 수주 내역은 계약상 공개할 수 있는 범위에서만 상담 때 안내드립니다.

제공 범위

무엇을 맡고, 어떻게 일하며, 무엇을 남기는지 탭으로 나눠 정리했습니다.

  • 웹·모바일·내부 플랫폼 신규 개발

  • 레거시 시스템 현대화·리빌드

  • API·연동·데이터 파이프라인 설계

진행 프로세스

각 단계에서 무엇이 나오는지 미리 정해 두고 진행합니다. 산출물이 없는 단계는 두지 않습니다.

01

요구사항 정리

업무 흐름과 만들 범위를 함께 정리하고 우선순위를 정합니다.

산출물

범위 정의서 · 견적

02

설계 · 디자인

화면 설계와 데이터 구조를 확정하고 프로토타입으로 먼저 검증합니다.

산출물

화면 설계 · 디자인 시스템

03

개발 · 검수

2주 단위로 동작하는 결과물을 확인하며 개발합니다.

산출물

스테이징 데모 · QA 리포트

04

배포 · 운영

배포 파이프라인과 모니터링을 갖춘 뒤 운영으로 넘깁니다.

산출물

운영 문서 · 인수인계

주요 레퍼런스

게시 승인된 프로젝트만 공개합니다. 자세한 배경과 결과는 각 사례에서 확인하세요.

SaaS

B2B SaaS 검색광고 계정 재편

전환되지 않는 검색어에 예산이 흩어져 있던 광고 계정을 다시 짜고, 측정 기준을 하나로 맞춘 프로젝트입니다.

사례 보기

자주 묻는 질문

상담 전에 가장 많이 확인하시는 것들입니다.

네. 기업 홈페이지·웹사이트 제작과 리뉴얼, 랜딩페이지를 기획부터 운영까지 맡습니다.

AI CONSULT

AI에게 물어보세요

서비스 범위와 다음 단계를 바로 안내합니다. 일정 예약도 가능합니다.

검색창이 아닙니다. 문장으로 물어보시면 담당 영역과 다음 단계를 안내합니다.

상담 예약

만들 것부터 같이 정리해 볼까요?

  • 요구사항을 범위·일정으로 정리해드립니다
  • 영역별 전문가가 직접 상담합니다
  • 실측 기반 제안서를 드립니다
  • 다음 단계를 명확히 안내합니다

지금 바로 30분 상담을 잡으실 수도 있습니다.

회신을 기다리는 대신 원하는 시간을 직접 고르세요. 평일 10:00–18:00(KST) 중 점심시간(12:00–13:00)을 뺀 30분 단위이며, 24시간 뒤부터 14일 이내에서 선택할 수 있습니다.

상담 문의

영업일 기준 1~2일 안에 담당자가 회신합니다.

이메일 또는 전화번호 중 하나는 필수입니다.

제출하신 정보는 문의 응대 목적으로만 사용되며, 동의 없이 제3자에게 제공되지 않습니다.