EngineeringStrugglogKOEN

실험실

재미로 만든 프로젝트입니다.

웹앱, 2026

GROOVIX

브라우저에서 바로 연주하는 3트랙 그루브박스입니다. 하우스와 재즈부터 뽕짝, 삼바, 탱고, 파헬벨의 캐논까지 예시 믹스 26곡을 틀어 놓고, 트랙마다 신스나 실제 녹음 악기를 바꿔 끼우고, 비트를 찍고, 건반으로 연주를 겹쳐 녹음할 수 있습니다. 콧노래를 올리면 그 멜로디를 음표로 바꿔 줍니다.

  • web audio
  • synthesizer
  • music
  • pitch detection
  • javascript
앱 실행하기 →자세히 →GitHub →

웹앱, 2026

Packet Bench

패킷 하나하나를 눈으로 따라가는 TCP/IP 네트워크 시뮬레이터입니다. DNS 조회, 라우터의 경로 선택, TCP 핸드셰이크, 손실과 재전송, 혼잡 제어, HTTP와 HTTPS 요청이 작은 네트워크를 한 홉씩 지나가는 모습을 지켜보고, 어느 패킷이든 열어 계층별 헤더를 바이트 단위까지 확인할 수 있습니다.

  • tcp/ip
  • networking
  • routing
  • rust
  • webassembly
앱 실행하기 →자세히 →

웹앱, 2026

보리 섬 개발 노트

원더보이 스타일 8비트 횡스크롤 액션을 빈 캔버스에서부터 만들어 가는 인터랙티브 노트입니다. 게임 루프에서 시작해 스프라이트, 타일맵, 저작 도구, 칩 음악, 물리, 상태 기계를 거쳐 완성된 게임까지 열 개의 장으로 이어지고, 읽는 동안 모든 부품을 직접 바꿔 볼 수 있습니다.

  • game development
  • pixel art
  • chiptune
  • state machines
  • javascript
앱 실행하기 →자세히 →GitHub →

웹앱, 2026

Space Mission Studio

우주왕복선부터 달과 화성까지, 실제 우주 임무를 3D로 재현하는 시뮬레이터입니다. STS-135, 아폴로 11호, 퍼서비어런스, 창어 5호를 비롯한 16개 임무 가운데 하나를 고르면 발사대 카운트다운부터 착륙까지 비행 전체를, 순간마다의 수치와 함께 볼 수 있습니다.

  • spaceflight
  • orbital mechanics
  • three.js
  • webgl
앱 실행하기 →자세히 →GitHub →앱 화면은 영어로 되어 있습니다.

웹앱, 2026

PipeScope

속이 들여다보이는 5단계 파이프라인 CPU입니다. GCC로 빌드한 RISC-V와 MIPS 프로그램을 브라우저에서 한 사이클씩 실행하면서 포워딩과 스톨, 분기 뒤의 flush, 메모리 접근, 주변 장치 입출력이 일어나는 모습을 볼 수 있습니다.

  • risc-v
  • mips
  • cpu pipeline
  • rust
  • webassembly
앱 실행하기 →자세히 →

웹앱, 2026

JVM Visualizer

브라우저에서 돌아가는 교육용 자바 가상 머신입니다. 컴파일된 바이트코드를 명령어 하나씩 실행하면서 스택, 힙, 스레드가 어떻게 바뀌는지 볼 수 있습니다.

  • java
  • jvm
  • rust
  • webassembly
앱 실행하기 →자세히 →앱 화면은 영어로 되어 있습니다.