Frontend
표준 웹 기술로 가볍고 빠른 화면을 만들고, 모바일 · 태블릿 · PC 어디서나 동작하는 반응형 UI를 구현합니다.
- HTML5
- CSS3
- JavaScript
- Responsive Web
Technology
검증된 기술로
운영 가능한 시스템을 만듭니다.
유행보다 안정성과 유지보수성을 기준으로 기술을 선택하고, AI 기능은 특정 업체에 묶이지 않도록 설계합니다.
Tech Stack
분야별 기술 스택
Frontend부터 인프라, 미디어 자동화와 AI 연동까지 서비스 전체를 직접 구축하고 운영할 수 있는 기술로 구성합니다.
Backend
Node.js와 Express로 REST API, 관리자 기능, 외부 서비스 연동을 구현하고 유지보수하기 쉬운 구조로 코드를 구성합니다.
- Node.js
- Express
Database
MariaDB로 사용자 · 콘텐츠 · 게임 데이터를 관리합니다. 파라미터 바인딩과 적절한 인덱스로 안전하고 효율적인 쿼리를 작성합니다.
- MariaDB
Infrastructure
Ubuntu 서버에 Nginx 리버스 프록시와 HTTPS를 구성하고, PM2로 애플리케이션 프로세스를 관리 · 모니터링합니다.
- Ubuntu
- Nginx
- PM2
Automation
FFmpeg 기반 영상 처리, REST API · Webhook 연동, 스케줄러를 조합해 콘텐츠 처리와 운영 작업을 자동화합니다.
- FFmpeg
- REST API
- Webhooks
- Scheduler
AI Integration
이미지 · 영상 생성 모델과 LLM API를 워크플로에 연동합니다. 특정 업체에 종속되지 않도록 모델을 교체할 수 있는 구조로 설계합니다.
- Image Generation
- Video Generation
- LLM API
- AI Workflow
Architecture
기본 서비스 구조
Nginx 리버스 프록시 뒤에서 Node.js 애플리케이션이 동작하고, 데이터는 MariaDB에 저장합니다.
자동화 작업과 외부 API 연동은 서비스 로직과 분리해 확장합니다.
- 01 Client Android App · Web · Admin
- 02 Nginx HTTPS · Reverse Proxy
- 03 Node.js / Express API · Service Logic
- 04 MariaDB Data Storage
- Automation WorkerFFmpeg · Scheduler · Webhooks
- External APIsSNS Platform API · AI Model API · AdMob
Principles
기술을 선택하는 기준
-
Vendor Neutral
AI 모델과 외부 서비스는 목적 · 비용 · 품질에 따라 선택하고, 교체할 수 있도록 연동 계층을 분리합니다.
-
Secure by Default
입력값 검증, SQL Injection · XSS 방지, 환경변수 기반 설정 관리를 기본으로 적용합니다.
-
Operable
로그, 프로세스 관리, 배포 절차까지 고려해 개발 이후에도 안정적으로 운영할 수 있게 만듭니다.