IMPLEMENTATION NOTES / HONEST BY DESIGN

작동하는 범위와
검증의 경계를 함께 남깁니다.

프로젝트의 실제 경험, 이 사이트의 체험 기능, 선택적 서버 연결을 구분합니다.

브라우저에서 실행되는 기능

  • CLIPEDU: 공개용 개념 지도·기여 범위 탐색
  • Watchers: 합성 MP4·프레임 JPEG 추출·라벨 검수·CVAT ZIP 생성
  • 새싹톡: 초성퀴즈·문장퍼즐·끝말잇기와 정답·힌트·점수
  • Bit-Hive: 원본 UI·메뉴, 가상 거래·지정가 예약·커뮤니티
  • Interview: 원본 홈·TXT 규칙·채팅·설정·보고서

기본 모드에는 실제 AI 추론이 없습니다. 소스 분석과 재구현 범위는 각 프로젝트 설명에 표시합니다.

실제로 적용한 보안

  • React 텍스트 렌더링으로 입력을 HTML로 실행하지 않음
  • API 입력 스키마·요청 크기·요청 속도 제한
  • 서명·만료 검증 토큰과 서버 측 역할 검사
  • 세션·네트워크·전체 일일 사용량의 서버 측 집계와 한도 검사
  • 공용 체험권 1시간 만료·동시 5세션 제한·서버에서 종료 처리
  • SQLite 조회에 파라미터 바인딩 사용
  • 환경변수 분리·관리자 API와 API 문서 공개 안 함
  • Cloudflare Pages용 CSP·HSTS 등 헤더 설정

공개 Cloudflare Pages에서 HTTPS와 보안 응답 헤더를 확인했습니다. 로컬 HTTP에는 HTTPS가 적용되지 않으며, 홈서버 API의 외부 HTTPS 연결은 아직 구성하지 않았습니다.

교육용 시연과 실제 접근 제어

Bit-Hive의 사용자 전환·작성자 버튼 조건은 브라우저에서 권한 개념을 살펴보는 시연입니다. 누구나 데모 사용자를 바꿀 수 있으며 실계정 인증이나 서버 보안 경계가 아닙니다.

선택적 FastAPI는 별도로 토큰의 서명·만료·역할을 검사합니다. 운영자 토큰은 서버 CLI에서만 발급하고 브라우저 번들에 넣지 않습니다.

익명 체험은 서버에서 허용한 경우에만 단기 세션을 발급합니다. 새 세션을 만들어도 네트워크·전체 예산은 유지되며, 실제 사용량 확인에는 API 연결이 필요합니다.

서버 연결과 개인정보

홈서버가 없어도 기본 체험은 동작합니다. 새싹톡·면접에서 서버 요청을 선택하면 입력을 설정된 서버로 전송하며 실패 시 로컬 예시를 유지합니다.

Bit-Hive는 저장을 선택한 경우에만 이 브라우저의 localStorage에 기록합니다. 전체 초기화 또는 저장 선택 해제로 삭제합니다. Interview는 명시적으로 저장한 설정만 유지하며 답변·파일·수동 토큰은 저장하지 않습니다. 공용 익명 체험권만 같은 탭의 세션 저장소에 최대 1시간 보관하며 새싹톡과 챗봇이 공유합니다. 체험 종료 시 서버에서 무효화합니다.

AI와 영상의 현재 범위

서버 PC의 로컬 Ollama 응답은 검증했으나 이 공개 사이트와 연결하지 않았습니다. Kiwi는 선택적 어댑터이며 서버 설치·연동 검증 전입니다. YOLO 업로드·추론은 현재 미구현입니다.

합성 영상·confidence·가격·잔고는 체험용 데이터이며 실제 모델 성능·투자 성과를 나타내지 않습니다. 면접의 문서 검색은 직접 작성한 노트의 키워드 검색이며 RAG가 아닙니다. 선택적 SSE는 실제 서버 전송이지만 완성된 응답을 나누는 방식이며 실시간 LLM 토큰 생성과 다릅니다.

공개 자료의 경계

원본 PDF, 개인 연락처, 회사 내부 화면·식별자·운영 API는 공개하지 않습니다. CLIPEDU는 기존 기반과 추가·확장을 구분하며 단독 설계·운영 배포·개선률을 추정하지 않습니다.

Windows 검증 결과와 운영 설정은 저장소 문서에 남깁니다. 현재 공개 프론트엔드는 Cloudflare Pages에서 제공하며 홈서버의 외부 API 연결과 Ubuntu 배포는 진행하지 않았습니다.

INTERACTIVE FIELD NOTE교육용 모델 · 서버 요청 없음

한 번의 요청,
다섯 개의 경계.

같은 요청도 조건이 달라지면 다른 지점에서 멈춥니다. 입력을 바꾸고 각 경계의 역할을 살펴보세요.

이 모델은 개념을 설명합니다. 실제 FastAPI의 보안 구현과 검증은 구현 노트에서 확인할 수 있습니다.

실제 적용한 보안 살펴보기 ↗
  1. 01
    요청 제한RATE LIMIT
  2. 02
    토큰 검증AUTHENTICATION
  3. 03
    역할 검사AUTHORIZATION
  4. 04
    입력 검증VALIDATION
  5. 05
    응답RESPONSE
EXPLORING BOUNDARY01

처리 비용이 커지기 전에 요청 횟수와 허용량을 확인합니다.