프로젝트 배경
1. 문제점
- 당시에는 WIX와 같은 웹 빌더가 없어, 프로그래밍 지식이 없는 일반 사용자는 웹사이트 제작이 어려웠음
- 소규모 기업·개인은 개발자를 고용하기엔 비용과 자원 부담이 컸음
- 저비용·단기간에 사이트를 만들 수 있는 대안이 부족함
2. 프로젝트 목표
- 누구나 개발 지식 없이 손쉽게 웹사이트/플랫폼 제작 가능
- 코드 다운로드 기능 제공으로 빌더 종속성 해소 및 확장성 보장
- 자체 브라우저 탑재를 통해 제작 즉시 실행·수정 환경 제공
3. 주안점
- 소상공인·스타트업 등 소규모 고객이 저비용·빠른 구축으로 온라인 비즈니스 시작 가능
- 사용자가 제작한 사이트의 코드를 직접 소유하여 자유로운 커스터마이징 가능
- 직관적인 UI/UX와 한국형 환경을 반영하여 접근성 강화
4. 관련 기술
- 프론트엔드: React, TypeScript, HTML5, CSS3
- 백엔드: bun(Node.js), REST API, Nginx
- 데이터베이스: MySQL
- 기타: Git/GitHub, 클라우드 배포(AWS·GCP 협의), 보안/권한 관리
- (참고: 당시 사용 기술 – C/C++, DirectX, Qt5, PHP, MySQL, JavaScript, HTML, CSS, Nginx)
*본 포트폴리오 내 이미지는 이해를 돕기 위해 가상으로 제작되었습니다.
- 당시에는 WIX와 같은 웹 빌더가 없어, 프로그래밍 지식이 없는 일반 사용자는 웹사이트 제작이 어려웠음
- 소규모 기업·개인은 개발자를 고용하기엔 비용과 자원 부담이 컸음
- 저비용·단기간에 사이트를 만들 수 있는 대안이 부족함
2. 프로젝트 목표
- 누구나 개발 지식 없이 손쉽게 웹사이트/플랫폼 제작 가능
- 코드 다운로드 기능 제공으로 빌더 종속성 해소 및 확장성 보장
- 자체 브라우저 탑재를 통해 제작 즉시 실행·수정 환경 제공
3. 주안점
- 소상공인·스타트업 등 소규모 고객이 저비용·빠른 구축으로 온라인 비즈니스 시작 가능
- 사용자가 제작한 사이트의 코드를 직접 소유하여 자유로운 커스터마이징 가능
- 직관적인 UI/UX와 한국형 환경을 반영하여 접근성 강화
4. 관련 기술
- 프론트엔드: React, TypeScript, HTML5, CSS3
- 백엔드: bun(Node.js), REST API, Nginx
- 데이터베이스: MySQL
- 기타: Git/GitHub, 클라우드 배포(AWS·GCP 협의), 보안/권한 관리
- (참고: 당시 사용 기술 – C/C++, DirectX, Qt5, PHP, MySQL, JavaScript, HTML, CSS, Nginx)
*본 포트폴리오 내 이미지는 이해를 돕기 위해 가상으로 제작되었습니다.
프로젝트 성과
사내 고객 사이트 제작 10건 달성
내부 시연용 프로젝트로, 실제 사내 요구를 반영하여 고객 웹사이트 10개를 제작 및 운영하여 빌더의 실사용 가능성을 검증함
상용화 준비 및 투자자 시연 진행
프로젝트 결과물을 기반으로 투자자 대상 데모 및 사업화 논의 진행, 상용화 가능성을 확인하고 SaaS 모델로 확장할 기반 마련
웹 빌더 기술 검증 완료
드래그 앤 드롭, 자체 브라우저, 코드 다운로드, 결제 기능 등 핵심 기능을 구현하여 내부 서비스 수준에서 기술적 안정성을 확보함
핵심 기능

드래그 앤 드롭 에디터
사용자가 원하는 컴포넌트(텍스트, 이미지, 버튼 등)를 마우스로 끌어다 놓아 직관적으로 웹사이트를 제작할 수 있는 기능

기본 템플릿 제공
웹 제작 경험이 없는 사용자도 손쉽게 시작할 수 있도록 다양한 기본 템플릿을 제공

자체 브라우저 탑재
제작한 사이트를 실행·미리보기·실시간 수정할 수 있으며, 보안 기능까지 내장된 전용 브라우저 제공

코드 다운로드
제작된 사이트를 HTML/CSS/JavaScript 번들과 프로젝트 구조, DB 스키마까지 포함한 압축 파일 형태로 다운로드 가능

사용자 권한 관리
역할 기반 접근 제어를 통해 다수 사용자가 안전하게 협업할 수 있는 환경 제공
진행 단계
기획 및 요구사항 정의
2014.05.
WIX와 유사한 No-Code 빌더 개발 범위 확정 (드래그 앤 드롭 편집기, 템플릿, 브라우저 탑재, 코드 다운로드 기능 포함)
설계 및 아키텍처 구축
2014.07.
프론트엔드·백엔드·DB 구조 설계, 보안 및 배포 환경 고려
개발
2014.09.
드래그 앤 드롭 에디터, 자체 브라우저, 코드 다운로드 기능, 결제·도메인 연동 등 핵심 기능 구현
내부 테스트 및 고객 사이트 제작
2015.10.
사내 고객 사이트 3~5개 제작 및 운영, 빌더 기능 검증
상용화 준비
2016.03.
투자자 시연 및 상용화 논의 단계, SaaS 모델 확장 가능성 검토
프로젝트 상세
1. 포트폴리오 소개
- No-Code 웹 빌더 플랫폼 개발 — 프로그래밍 지식이 없는 소상공인, 스타트업, 개인 창작자도 저비용·단기간에 자신만의 웹사이트와 플랫폼을 제작할 수 있도록 지원하는 서비스
2) 작업 범위
- 기획 및 아키텍처 설계
- 프론트엔드 개발 (React, TypeScript 기반)
- 백엔드 개발 (bun/Node.js, REST API, Nginx)
- 데이터베이스 설계 및 구축 (MySQL)
- 관리자 페이지 및 통계 대시보드 개발
- 결제 및 배포 환경 구현
3) 주요 업무
- 드래그 앤 드롭 기반의 웹사이트 제작 에디터
- 기본 템플릿 제공으로 초보 사용자도 빠른 제작 가능
- 자체 브라우저 탑재 → 실행, 미리보기, 실시간 수정 가능
- 제작한 사이트의 전체 코드를 다운로드(HTML, CSS, JS, DB 스키마 포함)
- 사용자 권한 관리, SEO 설정, 커스텀 도메인 연결
- 원클릭 배포 기능 및 결제 시스템 연동
4) 주안점
- 프로그래밍 경험이 없는 고객도 손쉽게 웹사이트 제작 가능
- 제작물의 소스를 직접 다운로드할 수 있어 플랫폼 종속성 최소화
- 보안이 강화된 자체 브라우저 환경으로 안정성 확보
- 저비용·단기간 구축을 통해 소규모 고객의 온라인 진입 장벽 해소
- No-Code 웹 빌더 플랫폼 개발 — 프로그래밍 지식이 없는 소상공인, 스타트업, 개인 창작자도 저비용·단기간에 자신만의 웹사이트와 플랫폼을 제작할 수 있도록 지원하는 서비스
2) 작업 범위
- 기획 및 아키텍처 설계
- 프론트엔드 개발 (React, TypeScript 기반)
- 백엔드 개발 (bun/Node.js, REST API, Nginx)
- 데이터베이스 설계 및 구축 (MySQL)
- 관리자 페이지 및 통계 대시보드 개발
- 결제 및 배포 환경 구현
3) 주요 업무
- 드래그 앤 드롭 기반의 웹사이트 제작 에디터
- 기본 템플릿 제공으로 초보 사용자도 빠른 제작 가능
- 자체 브라우저 탑재 → 실행, 미리보기, 실시간 수정 가능
- 제작한 사이트의 전체 코드를 다운로드(HTML, CSS, JS, DB 스키마 포함)
- 사용자 권한 관리, SEO 설정, 커스텀 도메인 연결
- 원클릭 배포 기능 및 결제 시스템 연동
4) 주안점
- 프로그래밍 경험이 없는 고객도 손쉽게 웹사이트 제작 가능
- 제작물의 소스를 직접 다운로드할 수 있어 플랫폼 종속성 최소화
- 보안이 강화된 자체 브라우저 환경으로 안정성 확보
- 저비용·단기간 구축을 통해 소규모 고객의 온라인 진입 장벽 해소

