Study

🐍개발

파이썬 놀이터

Python Playground

설치 없이 브라우저에서 진짜 CPython 3.14를 실행하세요. REPL 스타일 출력, 예제 10종, 자동 채점 연습 미션 10개, numpy 설치까지 지원해요.

💎개발

Ruby 놀이터

Ruby Playground

설치 없이 브라우저에서 진짜 CRuby(3.4)를 실행하는 인터랙티브 Ruby 놀이터입니다. WebAssembly로 컴파일된 실제 Ruby 인터프리터로 puts·배열/해시·블록·클래스·모듈·메타프로그래밍·패턴 매칭까지 21개 예제와 10개 연습 미션을 직접 실행하며 배웁니다.

🧩개발

PHP 놀이터

PHP Playground

설치 없이 브라우저에서 진짜 PHP 8.3 을 실행하는 플레이그라운드입니다. WordPress Playground 의 WebAssembly 엔진(@php-wasm/web)으로 echo·배열·클래스·enum·제너레이터까지 실제로 돌려보고, 기본/응용/심화 예제 22개와 미션 10개로 익힙니다.

🌙개발

Lua 놀이터

Lua Playground

설치 없이 브라우저에서 진짜 Lua 5.4를 실행하세요. wasmoon(WebAssembly) 기반, print 캡처와 반환값 표시, 기본·응용·심화 예제 19종, 자동 채점 미션 10개를 제공해요. Roblox·Redis·Neovim이 사랑하는 그 언어를 바로 체험하세요.

🗄️개발

SQL 놀이터

SQL Playground

브라우저에서 진짜 SQLite(WASM)로 SQL을 실행하고 연습하세요. 샘플 DB 3종과 연습 미션 12개, 스키마 탐색기, CSV·.sqlite 내보내기를 지원합니다.

🐘개발

PostgreSQL 놀이터

PostgreSQL Playground

브라우저에서 진짜 PostgreSQL 18(PGlite WASM)을 실행하세요. JSONB·전문검색·재귀 CTE·윈도우 함수·EXPLAIN ANALYZE 레시피 12개, 샘플 스키마 3종, 연습 미션 10개, IndexedDB 저장 모드까지 — 설치 없이 실무 SQL을 연습할 수 있습니다.

🦆개발

DuckDB 데이터 분석 놀이터

DuckDB Data Playground

CSV·JSON·Parquet 파일을 브라우저에서 SQL로 분석하세요. SUMMARIZE·PIVOT·QUALIFY 등 DuckDB 분석 문법 체험, 샘플 데이터, 연습 미션 8개, 자동 차트와 Parquet 내보내기까지.

🔧개발

jq 놀이터

jq Playground

JSON 가공 연습장 — 실전 샘플 데이터에 jq 필터를 실시간으로 실행하고, 레시피 갤러리와 연습 미션 10개로 jq를 익혀보세요.

🧬개발

WebAssembly 스튜디오

WebAssembly Studio

WAT(WebAssembly Text)를 작성하면 브라우저에서 바로 바이너리로 컴파일하고, 헥사덤프·역어셈블을 확인하고, 실제로 실행까지 해보는 WebAssembly 학습 도구입니다. 기본·응용·심화 16개 샘플, 바이너리 구조 설명, 문법 치트시트를 제공합니다.

⚡개발

SWC 트랜스파일 플레이그라운드

SWC Playground

Rust로 만든 초고속 컴파일러 SWC를 브라우저에서 그대로 실행합니다. TypeScript·JSX 코드를 서버 업로드 없이 실시간으로 트랜스파일하고, AST(JSON 트리)와 최소화 결과를 나란히 확인하세요. 타깃(ES5~ES2022)·데코레이터·소스맵 옵션과 기본/응용/심화 예제로 SWC의 동작 원리를 배울 수 있습니다.

💅개발

Sass/SCSS 컴파일러

Sass/SCSS Compiler

브라우저에서 SCSS·Sass를 CSS로 바로 컴파일하는 놀이터 — dart-sass 엔진, 실시간 2분할 편집기, 기본/응용/심화 예제 갤러리, 연습 미션 8개, 치트시트를 제공합니다.

⚙️개발

esbuild 플레이그라운드

esbuild Playground

브라우저에서 esbuild-wasm 으로 TypeScript·JSX 를 트랜스폼하고 번들하세요. loader·target·minify·format 옵션을 토글하고, 가상 다중 파일을 인메모리 플러그인으로 번들하며, 소요시간과 출력 크기를 확인합니다.

📊개발

Graphviz — DOT로 다이어그램 그리기

Graphviz DOT Renderer

DOT 언어를 입력하면 브라우저에서 바로 다이어그램 SVG를 그려 줍니다. dot·neato·fdp·circo·twopi·osage·patchwork 레이아웃 엔진, 상태 머신·조직도·쿠버네티스·마이크로서비스 등 샘플 갤러리, SVG/PNG 내보내기와 클립보드 복사를 지원합니다. 백엔드 없이 WASM으로 동작하고 한글 라벨도 지원합니다.

📐개발

Typst 플레이그라운드 — 모던 조판 (LaTeX 대안)

Typst Playground

Typst 컴파일러(Rust→WASM)를 브라우저에서 그대로 실행하는 조판 플레이그라운드입니다. 마크업을 입력하면 SVG 미리보기가 실시간으로 갱신되고, PDF·SVG·PNG 로 내보낼 수 있습니다. 제목/수식/표부터 함수·반복·스타일 규칙·논문/CV 템플릿까지 기본·응용·심화 예제를 제공하며, 한글 문서(Pretendard 폰트)도 지원합니다. 문서는 서버로 전송되지 않습니다.

🧪시뮬레이터 & 실습

커맨드와 시스템을 안전하게 눈으로 익혀보세요.

🖥️개발

웹 터미널

Web Terminal

브라우저 속 진짜 터미널(xterm.js)에서 리눅스를 연습하세요. 가상 파일시스템 위에서 파이프·리다이렉트·xargs·awk 집계·탭 자동완성·한국어 man 페이지와 기본·응용·심화 25개 미션, 예제 라이브러리로 60여 개 명령어를 안전하게 실습합니다.

🐧교육

Linux 터미널 시뮬레이터

Linux Terminal Simulator

시뮬레이션 터미널에서 Linux 명령어를 연습하세요. 가이드 레슨과 함께 배우는 실습 환경입니다.

🎡개발

쿠버네티스 놀이터

Kubernetes Playground

설치 없이 브라우저에서 도는 시뮬레이션 쿠버네티스 클러스터입니다. Pod 자동 복구, CrashLoop, 롤링 업데이트, NodePort, Readiness Probe, 마이크로서비스 체인까지 기본·응용·심화 15개 시나리오를 눈으로 관찰하세요.

🌿개발

Git 실습장

Git Playground

브라우저에서 git 명령을 입력하면 커밋 그래프가 실시간으로 그려집니다. 브랜치·머지·충돌 해결은 물론 rebase·cherry-pick·revert까지, 기본·응용·심화 3단계 30개 미션으로 눈으로 배우는 Git.

🐝개발

eBPF 놀이터

eBPF Playground

브라우저에서 eBPF 명령어 세트(ISA)와 커널 검증기를 순수 TypeScript로 시뮬레이션합니다. 어셈블리 에디터, 레지스터·스택·맵 시각화, 스텝 디버거, 검증기 거부 사례, 예제 갤러리(기본·응용·심화), 미션 8개로 커널 안에서 프로그램이 어떻게 검증·실행되는지 눈으로 배웁니다. (실제 커널 훅은 실행하지 않는 개념 학습 도구입니다.)

🏝️개발

JS 샌드박스 — 격리된 QuickJS에서 실행

JS Sandbox (QuickJS)

신뢰할 수 없는 JavaScript를 브라우저 안에서 안전하게 실행하세요. 브라우저의 eval()은 실행 시간·메모리를 제한할 수 없지만, WASM으로 컴파일된 QuickJS 엔진은 무한 루프 자동 중단(실행 시간 제한), 메모리 제한, 컨텍스트 격리, 호스트 함수 화이트리스트(capability 보안)를 제공합니다. 기본·응용·심화 예제로 클로저, 프로미스, 제너레이터부터 무한 루프·메모리 폭탄 방어까지 직접 체험하세요.

🌐교육

HTML/CSS 실습장

HTML/CSS Playground

모든 HTML 태그와 CSS 속성을 라이브 프리뷰로 학습하세요. 코드를 직접 수정하고 결과를 확인하세요.

💻개발

브라우저 PC 에뮬레이터

PC Emulator in Browser

브라우저에서 돌아가는 진짜 x86 PC 에뮬레이터예요. 클릭 한 번으로 FreeDOS를 부팅하고, 내 .img/.iso 이미지도 부팅해 보세요. 일시정지·재부팅·스크린샷·상태 저장까지 지원해요.

🔐보안 & 암호

해시부터 고전 암호 해독, 인증 흐름까지.

🗝️개발

암호학 스터디 — 고전 암호부터 해독까지

Cipher Lab

고전 암호를 직접 암호화·복호화하고, 빈도 분석·Caesar 브루트포스·Vigenère Kasiski로 실제로 깨 보며 그 밑의 수론(모듈러 산술, 확장 유클리드, 모듈러 거듭제곱, 소수, 오일러 φ)과 Diffie-Hellman·RSA 키 교환까지 대화형으로 배우는 순수 브라우저 암호학 실습 도구입니다. 미션 10개로 배운 내용을 점검하세요.

🔐개발

암호 & 해시 실험실

Crypto & Hash Lab

브라우저에서 바로 실행되는 암호학 실험실입니다. Argon2로 비밀번호를 해싱하고, Web Crypto로 SHA/HMAC 해시, AES-GCM 암복호화, RSA·ECDSA 키 생성과 전자서명, 안전한 난수·비밀번호·UUID 생성까지 직접 다뤄봅니다. 모든 연산은 서버 전송 없이 클라이언트에서만 수행됩니다.

🔐교육

암호화 알고리즘 시각화

Encryption Visualizer

AES, DES, RSA, 해시 알고리즘의 원리를 단계별 시각화로 쉽게 이해하세요.

🔑교육

인증 플로우 시각화

Auth Flow Visualizer

SSO, OAuth 2.0, JWT, SAML, LDAP 인증 플로우를 인터랙티브 다이어그램으로 학습하세요.

🪪개발

JWT 디코더

JWT Decoder

JWT 헤더와 페이로드를 브라우저에서 안전하게 디코딩하고, 만료 시각과 주요 클레임을 확인하세요.

#️⃣개발

해시 생성기

Hash Generator

브라우저의 Web Crypto를 사용해 텍스트의 SHA-1, SHA-256, SHA-384, SHA-512 해시를 생성합니다.

🎓퀴즈 & 자격증

자격증과 실무 지식을 문제로 점검하세요.

🚀학습

Kubestronaut 퀴즈

Kubestronaut Quiz

Kubestronaut와 Golden Kubestronaut 준비를 위한 인증별 퀴즈, 플래시카드, hands-on 드릴 학습 도구입니다.

☁️학습

AWS Golden Jacket 퀴즈

AWS Golden Jacket Quiz

활성 AWS 자격증 경로를 기준으로 한 인증별 퀴즈, 플래시카드, hands-on 드릴 학습 도구입니다.

🐧교육

리눅스 명령어 퀴즈

Linux Command Quiz

플래시카드와 퀴즈로 리눅스 명령어를 학습하세요. 필수 명령어와 예시를 제공합니다.

🎨교육

CSS 퀴즈

CSS Quiz

CSS 지식을 퀴즈로 테스트하세요. CSS 코드의 결과를 예측하고 학습합니다.

🔍교육

정규식 퀴즈

Regex Quiz

정규식을 인터랙티브 챌린지로 연습하세요. 실제 예시로 패턴을 테스트합니다.

⚙️교육

커널 파라미터 탐색기

Linux Kernel Parameters

Linux 커널 파라미터(sysctl)를 카테고리별로 탐색하고 권장값을 확인하세요.

⚖️학습

생활법률 퀴즈

Korean Law Basics

생활 속 법률 상식을 퀴즈로 학습하세요. 근로, 주거, 소비자 권리 등을 다룹니다.

🗾언어 학습

일본어·영어 단어와 표현을 듣고 익혀보세요.

🀄학습

한자 플래시카드

Kanji Flashcard

1,627개 한자 카드를 플래시카드로 학습하세요. JLPT 레벨별 필터와 학습 진도 추적을 지원합니다.

📝학습

언어 학습 퀴즈

Language Study Quiz

블로그 콘텐츠에서 추출한 영어/일본어 표현으로 플래시카드 퀴즈를 풀고, 카테고리별 복습 세션으로 학습해보세요.

💻교육

프로그래밍 언어 비교

Programming Language Comparison

Python, JS, Java, Go, Rust, C 문법을 나란히 비교하세요.

📖학습

사자성어 퀴즈

Four Character Idiom Quiz

사자성어를 뜻, 유래, 사용 예시와 함께 플래시카드로 학습하세요.

💬학습

속담 퀴즈

Korean Proverb Quiz

한국 속담을 퀴즈로 학습하세요. 빈칸 채우기, 뜻 맞추기를 지원합니다.

🤖AI & 데이터

브라우저에서 AI 모델을 돌리고 알고리즘을 시각화합니다.

🤖AI

브라우저 AI 실험실

Browser AI Lab

서버 없이 브라우저에서 돌아가는 진짜 AI — 감정 분석(별점 1~5), 임베딩 유사도 히트맵, 한↔영 번역, 제로샷 분류, 영어 요약을 Transformers.js(WebGPU/WASM)로 실행합니다. 모델은 브라우저에 캐시되고 입력 텍스트는 어디에도 전송되지 않습니다.