DevBlog

정적 블로그에 SQL, HTML, JavaScript, Python, C, C++ 실행 창을 붙인 과정. 언어별 실행 위치 고르기, Web Worker, sandbox iframe, Pyodide, Compiler Explorer API, CodeMirror, CSS 드롭다운, 실행 시간 제한과 출력 폭주 대비

C·Python 정렬 코드를 랜덤 입력으로 실제 실행하고 그 과정을 막대 애니메이션으로 보여 주는 시각화. 단계 기록(trace) 출력 형식, stdin으로 넘기는 랜덤 입력, 프레임 만들기와 검증, 재생 컨트롤, 지연 로드

GitHub Discussions를 댓글 저장소로 쓰는 giscus 연결. Discussions 켜기, giscus 앱 권한, GraphQL로 레포·카테고리 ID 받기, NEXT_PUBLIC 환경변수와 재배포, 댓글 카테고리 고르기, 자동 로드와 lazy iframe, pathname 매핑