AI Vibe Coding Portfolio

코드 작성은 감성으로,
인프라는 실시간으로.

인공지능과 호흡하며 구축한 최첨단 웹 서비스 포트폴리오 사이트입니다. 아래에서 실시간으로 구동되고 있는 AWS 데비안 서버의 건강 상태를 진단해 보세요.

vibe-generator.js
// 프롬프트를 입력하고 Enter를 눌러보세요.
$ vibe generate --prompt "멋진 웹앱 만들어줘"
Initializing AI Agent... Done.
Generating layouts... Complete.
✓ Successfully spawned 4 live dashboard cards.
✓ Loaded interactive canvas connection matrix.
Ready for prompt inputs.
visitor@soorisoori:~$
Real-time monitoring

AWS Server Live Metrics

PHP API(`?ajax=1`)로부터 2초마다 주기적으로 읽어오는 AWS EC2 인스턴스의 하드웨어 정보입니다.

CPU Load
0% CPU 사용률
로드 평균: - / - / -
Memory
0% 메모리 사용
사용량: 0 GB 전체: 0 GB
Disk Mount (/)
0% 디스크 채움
사용량: 0 GB 전체: 0 GB
Network Traffic
수신 속도
0 KB/s
송신 속도
0 KB/s
누적 수신: 0 MB 누적 송신: 0 MB
Top Resource Processes (CPU 기준)
프로세스 명 CPU 점유율 메모리 점유율
프로세스 정보 로드 중...
핵심 서비스 상태
Apache2 HTTP Web Server
Checking
MariaDB Database
Checking
System Load Average
1 min 0.00
5 min 0.00
15 min 0.00
Interactive capabilities

Vibe Coding Capabilities

바이브코딩의 정수를 느껴볼 수 있는 인터랙티브 부가 기능 링크 및 샌드박스입니다.

Prompt-to-Code Playground

인공지능과 대화하며 실시간으로 코드를 짜고 웹 앱 모형을 컴파일하는 에뮬레이터 모듈입니다.

Web Console Shell

웹상에서 서버 쉘 명령어를 가상 모의 테스트하고 리소스 정보를 텍스트로 가공해 출력하는 터미널입니다.

MariaDB phpMyAdmin

서버에 구성되어 있는 MariaDB 데이터베이스를 웹 그래픽 인터페이스로 손쉽게 탐색하는 링크입니다.

phpMyAdmin 연결

System API Diagnostics

JSON 원시 진단 데이터를 직접 덤프하고 API가 올바른 헤더로 응답하는지 검사하는 API 뷰어 샌드박스입니다.

Web File Browser

웹 서버의 웹 디렉토리(/var/www/html) 내부의 파일을 탐색하고 코드를 실시간 조회하는 보안 파일 브라우저입니다.

파일 브라우저 열기

Dog Space Gallery

전세계의 다양한 강아지 고화질 이미지를 탐색하고, 품종별 검색 및 북마크, 로컬 다운로드 기능을 즐길 수 있는 앱입니다.

갤러리 열기

K-Weather Dashboard

대한민국 주요 10대 도시의 실시간 기상관측 데이터와 상세한 5일 기상 예보를 수려한 글래스모피즘 UI로 시각화한 앱입니다.

날씨 보기

MySQL Database Viewer

데이터베이스 목록, 테이블 리스트, 테이블 데이터 조회, 스키마 및 인덱스 상세 정보 확인 및 SQL 쿼리를 직접 실행하는 도구입니다.

데이터베이스 보기