수업 데모 모음
개발 수업·강의에서 쓰는 실습 예제들입니다. 각 항목을 누르면 해당 데모로 이동합니다.
ON
지금 켜져 있음
OFF
지금 꺼져 있음 (수업 때 켭니다)
정적
항상 열림
강의 실습
동적 쇼핑몰
···
/shop/
nginx + Flask + PostgreSQL 3계층 구성. 데이터 분석 수업 6차시 실습 대상.
MCP 마켓플레이스
···
/marketplace/
MCP 서버를 등록·검색하는 레지스트리. 개별 MCP 서버는 수업 중에만 띄웁니다.
nginx 로그 분석
···
/nginx/
접속 로그를 GeoIP 로 풀어 출처를 지도에 표시합니다.
간단 CRM
···
/crm/
고객 관리 예제. 기본 인증(아이디·비밀번호)이 걸려 있습니다.
Django 관리 예제
···
/evn/
Django 로 만든 업무 관리 화면.
실시간 게임 (WebSocket)
지렁이 멀티플레이
···
/snake3/
여러 명이 같이 하는 지렁이 게임. 소켓 통신 예제.
슈팅 멀티플레이
···
/shooting2/
바이브 코딩 수업에서 만든 협동 슈팅 게임.
지렁이 — 취약 버전
···
/snake3bw/
점수 조작이 가능한 버전. 보안 수업 비교용.
지렁이 — 보완 버전
···
/snake3bs/
위 취약점을 막은 버전. 둘을 나란히 두고 비교합니다.
행맨 — 취약 버전
···
/hangman/
정답이 클라이언트로 내려가는 버전.
행맨 — 보완 버전
···
/hangman2/
정답을 서버에만 두고 검증하는 버전.
캐치마인드
···
/catchmind/
그림 그리고 맞히는 게임. 캔버스 좌표를 실시간으로 주고받습니다.
웹게임 2
···
/webgame2/
멀티플레이 웹게임. 별도 WebSocket 경로를 씁니다.
웹게임 1
···
/webgame1/
초기 버전. 정적 파일만으로 만든 게임.
게임 모음
···
/mygames/
수업에서 만든 작은 게임들을 한곳에 모았습니다.
웹앱 예제
음악 목록
···
/music/
Flask + SQLAlchemy 로 만든 음악 관리 예제.
영화 차트
···
/movie/
영화 순위를 가져와 보여주는 예제. 크롤링과 화면 표시.
게시판
···
/board1/
기본 CRUD 게시판.
게시판 — 사진 첨부
···
/board2/
파일 업로드·삭제를 다루는 확장 버전.
단문 SNS
···
/tweet/
글을 짧게 올리는 SNS 예제 (Flask).
단문 SNS — Tailwind
···
/tweet2/
같은 기능을 Node + Tailwind 로 다시 만든 버전.
퀴즈 카드
···
/quizlet/
단어·문제 카드를 만들어 외우는 도구.
소셜 로그인
···
/kgoogle/
카카오·구글 로그인 붙이기 예제.
더미 API
···
/placeholder/
연습용 JSON API. 프런트엔드 실습에서 호출 대상으로 씁니다.
정적 데모
달리기 게임
정적
/flyrun/
지렁이 — 기본
정적
/snake1/
지렁이 — 이미지
정적
/snake2/
숫자 맞히기
정적
/numbers1/
숫자 맞히기 — 애니메이션
정적
/numbers2/
카드 짝맞추기
정적
/memory1/
카드 짝맞추기 — 뒤집기
정적
/memory2/
테트리스
정적
/tetris1/
슈팅 — 1인용
정적
/shooting1/
OFF
인 데모는 지금 꺼져 있습니다. 이 서버는 메모리가 1GB 라 전부 띄워 두면 서로 밀어냅니다. 수업에서 쓸 때 켜고, 끝나면 내립니다. OFF 인 항목을 누르면 502 가 보입니다.