번들러 없이 정적 사이트로 학습·시험 앱 만드는 법
빌드 도구 하나 없이 바닐라 HTML/CSS/JS로 학습·시험 사이트를 만들어 GitHub Pages에 배포한 실전 기록. 콘텐츠 계층 설계, 시험 엔진 규칙, 저작권 회피 결정, CSS 버그와 브라우저 자동화 함정까지 다룬다.
카테고리
빌드 도구 하나 없이 바닐라 HTML/CSS/JS로 학습·시험 사이트를 만들어 GitHub Pages에 배포한 실전 기록. 콘텐츠 계층 설계, 시험 엔진 규칙, 저작권 회피 결정, CSS 버그와 브라우저 자동화 함정까지 다룬다.
GCP에 게임 전용 서버를 직접 올리며 겪은 인스턴스 선택, SteamCMD 동시 실행 충돌, 메모리 누수, 비용 계산까지 실전 기록. 다른 SteamCMD 기반 게임 서버에도 옮겨 담을 수 있는 교훈 중심.
ICLR 2026 논문 저자 국적 통계와 MemAgent·ReasoningBank 기억 실험, Muon 옵티마이저 연구를 실무자 관점에서 정리했다. 오픈 웨이트 경쟁과 증류 전쟁이 AI 도구 선택에 미치는 영향도 함께 짚는다.
항공 소프트웨어는 요구사항부터 검증 결과까지 실이 끊기지 않게 잇는다. DO-178B의 레벨 구분과 정방향·역방향 추적성에서 일반 개발팀이 옮겨 담을 습관을 정리했다.
외부 AI 프로바이더 호출과 R2·D1 상태 전이가 섞인 파이프라인에서는 재시도 하나가 이중 과금과 유령 행을 만든다. 멱등성 계약 없는 재시도는 실패로 처리하고, R2 성공 후에만 D1 행을 만들고, 버전은 폴백 대신 DLQ로 라우팅하는 규칙을 정리했다.
Tauri v2 + Rust로 만든 트레이 앱이 공유 계정·동시 프로젝트 환경에서 Codex·Claude·Gemini 사용량을 계정 간 오귀속을 줄이는 2단계 귀속 알고리즘과 PKCE·키체인·계정 ID 앵커링을 다룬다.
OBS 자막 플러그인을 exe+웹소켓에서 C++ 필터+파이썬 사이드카 하이브리드로 옮기며 정한 IPC 설계 원칙과, 16바이트 헤더·CRC·seqlock 링버퍼·에폭 게이트·싱글플라이트 종료를 검증한 순서를 정리한다.
인증-사용자 프로필-결제를 계층으로 나눠 쌓으면 기능 하나 추가할 때 재작업이 줄어든다. 리액트 라우터 기반 SaaS 스타터 킷 구조로 이 순서가 왜 중요한지 설명한다.
로컬 AI 코딩 에이전트 세션을 원격 기기로 이어서 조작할 때, 로컬 권한 경계가 원격 접속 지점까지 안전하게 전파되도록 설계하는 원칙을 정리한다.
AI 코딩 에이전트가 긴 대화를 압축할 때 낡은 결정, 미완료 작업, 출처, 민감 정보, 불확실성이 사라지는 5가지 유형과 대응 체크리스트를 정리했다.
AI 코딩 에이전트의 명령 실행 전 권한 판정은 왜 허용·거부·확인질문 3단 분기로 설계될까. 규칙 판정, 명령 내용 검사, 승인자 라우팅, 실행 격리 네 층으로 나눠 설명한다.
개인이 혼자 쓰던 AI 코딩 에이전트 워크플로가 팀 전체의 거버넌스로 확장될 때 역할 분리, 도입 단계, 승인선, 위험 신호를 실전 프레임워크로 정리했다.
여러 AI 코딩 에이전트를 동시에 굴리다 실제로 터진 git 삭제 커밋, 작업분 유실, 검증 게이트 우회 사고와 재발 방지 규칙을 정리했다.
예약 발행은 scheduled 값을 저장하는 일이 아니다. 공개 시간, 조회 조건, 상세 페이지, 검색과 사이트맵까지 같은 기준으로 막아야 한다.
API 400·422, DB 마이그레이션, 백그라운드 재시도와 폴링, 결제 대사에서 반복해서 겪은 실패를 좁혀 고친 디버깅 습관을 정리했다.
멀티스레드/분산 시스템에서 자주 만나는 동시성 버그 3가지(경쟁 상태, 부분 실패, 멱등성)를 정의, 증상, 방어 기법으로 정리합니다.