본문으로 건너뛰기
점포 출퇴근 관리 데모 — 출근·퇴근 버튼과 2025년 8월 달력에 표시된 출퇴근 기록

개인 제품 › 웹 데모

2025 AI 활용 웹 데모 4종

기획부터 디버깅까지 AI를 활용해 만든 2025년 개인 웹 데모 4종(갤러리·로또 분석기·POS 비교·출퇴근 관리) — 비공개, 화면은 노션 캡처로 확인

데모(비공개)
기간
2025.08 (노션 페이지 생성일(2025-08-26)과 화면 속 날짜(2025-08) 기준)
상태
2025년 제작 데모. 당시 특정 IP만 접속하도록 제한했고, 2026-10-30 조사 환경에서는 네 데모에 접속되지 않았음 — 당시 화면은 노션 캡처로 확인
맥락
개인 프로젝트(2025년, 구직 기간 중 제작)
역할
기획·디자인·프론트엔드·백엔드·디버깅을 AI를 활용해 직접 진행하고 클라우드 서버에 올려 데모로 공개
구현
기획부터 디버깅까지 AI 활용(노션 원문 표기) — 사용한 AI 도구 이름은 원문에 없음
기술
React, Next.js, TypeScript, Tailwind CSS, Supabase, MySQL, Chart.js, AWS EC2

핵심 수치.

집계

4종

갤러리·로또 분석기·POS 비교·점포 출퇴근 관리, 2025-08 노션 게시

집계

100회차

로또 분석기의 분석 기간(화면 표기)

실측

접속 안 됨

2026-10-30 조사 환경에서 네 데모 주소 확인 — 특정 IP 제한 데모, 관측 조건 한정

개요

2025년에 만든 개인 웹 데모 4종이다. 작업 포트폴리오 갤러리, 로또 번호 분석기, 국내 POS 시스템 비교 분석, 점포 출퇴근 관리 시스템으로 구성된다.

노션 원문은 기획부터 디자인, 프론트엔드·백엔드 개발, 디버깅까지 AI를 적극 활용해 구현했다고 적었다.

  • 포트폴리오 갤러리: 소개·프로젝트 카드·블로그(터미널 명령어·설정 파일 가이드 등)·노션 연결 메뉴와 다크 모드 전환을 갖췄고, 첫 화면의 「주요 프로젝트」 카드로 나머지 세 데모(POS 비교·출퇴근 관리·로또 분석기)를 묶어 보여 준다.
  • 로또 번호 분석기: 분석 기간을 최근 100회차로 표시하고 번호 검증, 최다·최소 출현 번호 5개, 구간별·홀짝 분포를 보여 주는 통계 화면이다. 미래 번호를 예측·보장하지 않는다는 면책 문구를 달았고, 표시 수치의 정확성은 검증하지 않았다.
  • POS 비교 분석: 국내 POS 시스템 6개를 가격·설치 방식·핵심 기능·확장성·UI/UX·데이터 분석·보안 안정성·운영 지원의 8개 기준으로 비교하는 화면 데모다. 비교 정보의 정확성·최신성은 검증하지 않았다.
  • 점포 출퇴근 관리: 직원이 출근·퇴근을 누르면 달력에 기록되고, 관리자 대시보드에서 직원별 월 근무시간·출근일을 집계해 월·주 단위 엑셀로 내려받는다.

화면과 구성도

로또 번호 분석기 — 2025년 통계 UI 데모, 표시 수치는 검증하지 않은 예시
점포 출퇴근 관리 — 2025년 데모 화면, 로그인 계정 표시는 가림

본인 역할

  • 네 데모를 AI를 활용해 직접 만들고, AWS EC2 무료 플랜(t3.micro)에 올려 데모로 공개했다. 리소스 한계와 보안 문제로 특정 IP만 접속하도록 제한했다.

결과

  • 네 데모는 동작 화면을 캡처해 2025-08-26 노션 포트폴리오에 데모별 페이지로 올렸다.
  • 화면 속 기술 표기는 React, Next.js, TypeScript, Tailwind CSS, Supabase, MySQL, Chart.js, AWS다.
  • 2026-10-30 조사 환경에서는 네 데모에 접속되지 않았고, 당시 화면은 노션 캡처로 확인했다.

한계와 다음 단계

  • 2025년 데모이며 사용자·운영 기록은 없다. 2026-10-30 접속 실패는 조사 환경의 관측이며, 서비스 종료 여부까지 확인한 것은 아니다. 기존 노션의 「AWS EC2에서 운영 중」 표현은 쓰지 않는다.
  • POS 비교 화면은 업체별 장단점·가격과 「검증된 정보」「최신 시장 데이터」 같은 문구의 출처를 확인하지 못해 화면을 싣지 않는다. 갤러리 화면에 쓴 캐릭터 이미지는 권리가 확인되지 않아 싣지 않는다.
  • 로또 분석기는 과거 당첨 번호 통계를 보여 주는 참고용 데모이며, 예측 적중을 주장하지 않는다.
  • 사용한 AI 도구 이름과 소스 위치는 원문에 없다. 다시 공개하려면 서버와 접속 계정 상태를 먼저 확인해야 한다.

기술

  • React · Next.js · TypeScript · Tailwind CSS, Supabase · MySQL, Chart.js, AWS EC2(t3.micro)

관련 사례.

AlphaSignal 예측 모드 A~D 비교표. 모드별 핵심 구성, 스코어링 요소 수, 투자 회피 규칙, 실행 시각, 시간외 반영, 속도, 적합 용도를 비교한다.

데이터 자동화

실험

AI 주식 예측·모의투자 실험

주가 예측 백테스트 → 모의 체결 → 실시간 판단 플랫폼으로 이어진 개인 실험 — 실거래 없음, 수익 주장 없음

적중률 58.3% · AlphaSignal 스코어러 v12, 2025년 2월 20거래일, 매일 상위 15종목의 다음 거래일 상승 적중(v7 49.8%에서 개선)

2026.02 ~ 진행 중요약 사례