IPv4 서브넷 계산기

Cisco 라우터 기초 설정 가이드를 대화형 CLI 터미널 시뮬레이터로 작성한 학습 자료입니다.

TCP vs UDP 대화형 시뮬레이터

• TCP 3-Way Handshake (SYN, SYN-ACK, ACK 및 Sequence/Ack 번호 변화) & 4-Way Teardown (FIN, ACK) 단계별 패킷 시뮬레이션
• TCP 신뢰성 메커니즘 (흐름 제어, 슬라이딩 윈도우, 혼잡 제어) 설명
• TCP vs UDP 헤더 구조 비교 (20바이트 vs 8바이트) 및 연결형/비연결형 특징 분석

ARP (주소 결정 프로토콜) 흐름 시뮬레이터

• 로컬 네트워크에서 IP는 알지만 MAC을 모를 때 일어나는 전체 과정 시뮬레이션
• ARP Cache 확인 → Broadcast Request(FF:FF:FF:FF:FF:FF) → 스위치 플러딩 → Unicast Reply → 호스트 ARP 캐시 테이블 업데이트 과정을 대화형 그래픽으로 구현

DNS (도메인 네임 시스템) 재귀/반복 조회 시뮬레이터

• 웹사이트 주소 입력 시 브라우저/로컬 캐시 → 리컬시브 DNS(Resolver) → Root Server(.) → TLD Server(.com) → Authoritative Server(example.com) 로 이어지는 반복 조회 흐름 시뮬레이션
• 주요 DNS 레코드 종류 (A, AAAA, CNAME, MX, NS, TXT) 정밀 요약

통합 엔드투엔드(End-to-End) 패킷 시뮬레이터

• "웹 브라우저에 [https://www.google.com](https://www.google.com)을 입력하면 일어나는 일" 전체 과정을 [DNS 조회 → ARP 요청 → TCP Handshake → HTTP/HTTPS 요청/응답]의 올인원 패킷 흐름 타임라인으로 재생/일시정지/단계별 탐색

프로토콜 종합 퀴즈

• TCP/UDP, ARP, DNS와 관련된 무한 퀴즈 풀이 및 즉시 채점/해설 제공

Planck Time — Number Length Visualizer

An interactive visualization designed to make the extraordinarily small scale of Planck time easier to understand.

Planck time is approximately 5.39 × 10⁻⁴⁴ seconds, which can be written in decimal form with 43 zeros before the significant digits 539.

Explore its numerical length, travel through nearly 44 orders of magnitude below one second, compare it with nanoseconds and attoseconds, and discover its relationship to the Planck length and the speed of light.

The visualization uses logarithmic scales and animated comparisons to provide an intuitive perspective on one of the smallest meaningful time scales used in fundamental physics.

SETI Cosmic Signal Listening Lab

An interactive radio astronomy experience that simulates how SETI researchers search for unusual signals hidden within cosmic radio noise.

Explore a dynamic 3D waterfall spectrogram, spectrum analyzer, and oscilloscope while listening to synthesized radio signals generated directly in the browser.

Use the built-in receiver and synthesizer controls to adjust frequency, bandwidth, noise, signal strength, volume, and scan speed, and observe how each setting changes both the sound and its visual representation.

The simulation is designed for educational exploration and uses synthetic signals rather than real extraterrestrial transmissions or live SETI observation data.

평과 제곱미터를 변환하고, 해당 면적의 실제 크기를 직관적으로 시각화해 보는 공간 계산기

주요 기능

• 평 → ㎡ 변환: 입력한 평수를 제곱미터로 자동 계산
• ㎡ → 평 변환: 제곱미터를 평수로 자동 계산
• 빠른 평수 선택: 10평부터 100평까지 대표 면적 즉시 확인
• 공간 크기 시각화: 계산된 면적을 직사각형 공간으로 표현
• 가로·세로 비율 조절: 동일한 면적에서 공간 형태를 자유롭게 변경
• 실제 길이 계산: 선택한 비율에 따른 가로·세로 길이를 미터(m)로 표시
• 실시간 계산: 숫자나 공간 비율을 변경하면 결과와 시각화가 즉시 반영

Four Fundamental Forces Explorer

An interactive science visualization that explores the four fundamental forces that govern interactions in the universe: the strong force, weak force, electromagnetic force, and gravity.

Explore how each force operates across different scales, from quarks and atomic nuclei to atoms, planets, stars, and galaxies.

The visualizer also compares their enormous differences in relative strength using a logarithmic scale, helping illustrate why the strong force dominates at nuclear scales while gravity, despite being extremely weak at particle scales, becomes dominant across astronomical structures.

An interactive automotive engineering simulator that visualizes how an automatic transmission transfers engine power to the wheels and changes gears.

Explore the torque converter, planetary gearset, automatic shifting, gear ratios, and complete power flow through real-time animated visualizations.

Adjust throttle, vehicle speed, and vehicle load to observe how engine RPM, selected gear, output torque, and transmission behavior change during acceleration and cruising.

The explorer provides an intuitive introduction to automatic transmission mechanics, torque multiplication, gear shifting, and automotive powertrain engineering.

An interactive railway engineering simulator that visualizes the key technologies that enable high-speed trains to operate safely and efficiently.

Explore high-speed running, aerodynamics, distributed traction, braking, curve dynamics, and pantograph power collection through animated engineering visualizations.

Adjust train speed, curve radius, and braking demand to observe how aerodynamic drag, traction power, lateral forces, and vehicle stability change under different operating conditions.

The lab provides an intuitive introduction to high-speed rail engineering, vehicle dynamics, aerodynamic performance, electrical traction, and railway infrastructure.

An interactive propulsion engineering visualizer that demonstrates how a rocket engine converts propellant energy into thrust.

Explore the complete flow from propellant injection and combustion to nozzle expansion and high-velocity exhaust, with animated views of the engine’s internal processes.

Adjust throttle, chamber pressure, and altitude to observe how mass flow, exhaust velocity, thrust, and plume expansion change under different conditions.

The visualizer provides an intuitive introduction to rocket propulsion, combustion, nozzle dynamics, exhaust momentum, and thrust generation through simplified educational simulations.

AWS에서 사용하는 주요 클라우드 서비스의 사용량을 입력하여 월간·연간 예상 비용을 시뮬레이션하는 교육용/견적용 웹 도구입니다. AWS 클라우드를 중심으로 각 서비스가 연결되는 구조를 시각적으로 표현하고, 서비스별 비용 비중도 함께 보여줍니다.

주요 기능은 다음과 같습니다.

• EC2 Compute대표 EC2 인스턴스 종류 선택
• t3.nano ~ t3.2xlarge 지원
• 인스턴스 종류에 따라 vCPU, Memory, 시간당 가격 자동 변경
• 인스턴스 수와 월 사용 시간에 따른 Compute 비용 계산
• S3 Storage저장 용량(GB) 입력
• GB당 월 요금 설정
• 요청 등 기타 비용 추가
• 월간 스토리지 비용 자동 계산
• Data Transfer
• 인터넷 송신 데이터 용량 입력
• GB당 데이터 전송 요금 설정
• 기타 네트워크 비용 추가
• CloudFront / CDN
• 월간 CDN 데이터 전송량 입력
• GB당 전송 요금 설정
• 요청 등 기타 비용 추가

계산 결과에서는 월 예상 비용, 연간 예상 비용, 원화 환산 금액, 일 평균 비용을 보여주며, EC2·S3·Data Transfer·CloudFront가 전체 비용에서 각각 어느 정도를 차지하는지도 막대그래프로 시각화합니다.

또한 Small Web, API Server, Static + CDN과 같은 사용 시나리오 프리셋을 제공하여 AWS를 잘 모르는 사용자도 대표적인 서비스 구성을 바로 비교해 볼 수 있습니다.

문자만 입력하면

로고가 됩니다.

브랜드 이름을 입력하고 스타일·서체·간격·색상을 조절해 텍스트 로고를 만들어 보세요.

An interactive atmospheric optics simulator that visualizes how mirages form through the refraction of light in air layers with different temperatures and densities.

Explore inferior mirages, curved light paths, heat gradients, road mirages, and superior mirages through real-time animated visualizations.

Adjust surface heat, temperature gradient, observer height, and air shimmer to see how atmospheric conditions change the apparent position and distortion of distant objects.

The simulator also compares normal vision, inferior mirages, and superior mirages, providing an intuitive way to understand why hot roads can appear wet and why distant objects sometimes seem displaced or floating.

Future Me Test는 현재의 선택을 바탕으로 10년 후 내가 어떤 삶을 중요하게 생각하는지 탐색하는 자기 이해 콘텐츠입니다. 미래의 직업을 예측하는 테스트가 아니라, 여러 상황에서 반복적으로 선택하는 가치를 분석합니다.

18개의 질문에 답하면 다음 6가지 미래 가치를 분석합니다.

• 🏡 안정 — 안정적인 생활 기반, 예측 가능성, 지속 가능한 삶
• 🏆 성취 — 목표 달성, 전문성, 도전과 결과
• 🤝 관계 — 가족·친구·동료와의 연결과 깊은 관계
• 🕊️ 자유 — 시간과 삶의 방향을 스스로 선택하는 자율성
• 🌱 성장 — 새로운 지식과 능력을 배우며 발전하는 삶
• 🌍 경험 — 여행, 새로운 활동과 다양한 삶의 경험

결과에서는 가장 강하게 나타난 가치를 기준으로 ‘단단한 기반을 만드는 사람’, ‘목표를 현실로 만드는 사람’, ‘사람과 함께 성장하는 사람’, ‘나만의 방식으로 사는 사람’, ‘계속 진화하는 탐구자’, ‘세상을 넓게 경험하는 탐험가’ 등의 Future Me 유형을 보여줍니다.

또한 6개 가치 레이더 차트, 핵심 가치와 보조 가치, 가치별 상대적 점수, 그리고 이번 주 → 향후 3개월 → 1년 후로 이어지는 Future Roadmap을 제공하여 단순 테스트 결과에서 끝나지 않고 실제 자기성찰로 연결되도록 구성했습니다.

한 문장으로 요약하면:

“현재 내가 중요하게 생각하는 가치를 통해 미래에 어떤 삶을 원하는지 발견하는 인터랙티브 자기이해 테스트”

An interactive automotive engineering simulator that visualizes how an automatic transmission transfers engine power to the wheels and changes gears.

Explore the torque converter, planetary gearset, automatic shifting, gear ratios, and complete power flow through real-time animated visualizations.

Adjust throttle, vehicle speed, and load to observe how the selected gear, engine RPM, torque, and transmission behavior change during acceleration and cruising.

The simulator provides an intuitive introduction to automatic transmission mechanics, torque multiplication, gear shifting, and automotive powertrain engineering.

An interactive engineering simulator that visualizes how skyscrapers respond to earthquake ground motion.

Compare Standard Structures, Tuned Mass Dampers, and Base Isolation Systems to see how different engineering approaches can reduce building sway and vibration.

Adjust ground motion, building height, damping, and shaking frequency while exploring seismic waves, structural response, and resonance in real time.

The simulator provides an intuitive introduction to earthquake engineering, structural dynamics, vibration control, and seismic protection systems.

〈터미네이터〉의 Skynet을 소재로, AI가 인간의 통제를 벗어나는 극단적인 영화적 상황과 현실의 AI 위험을 비교하는 교육용 콘텐츠입니다.

핵심 내용은 AI 자체를 두려워하기보다는 AI에 과도한 권한을 부여하고 인간의 검증과 통제를 없애는 것이 위험할 수 있다는 메시지입니다. 영화 속 Skynet과 현실 AI는 다르다는 점도 명확히 구분합니다.

주요 위험 요소로는 AI 결과에 대한 과신, 통제 없는 자동화, 딥페이크와 정보 조작, 개인정보·기밀정보 노출, 편향된 의사결정, 피싱·사기·사이버 공격 등 악의적인 AI 활용을 다룹니다.

특히 사용자가 직접 AI Control Room을 조작하면서 인간 승인 제거 → 독립 모니터링 제거 → 위험 증가 → 인간 통제 복구 과정을 체험할 수 있도록 구성했습니다.

결론적으로 전달하는 메시지는 다음과 같습니다.

AI가 얼마나 똑똑해지는가보다, 인간이 AI의 권한과 통제권을 어떻게 설계하는지가 중요하다.

이를 위해 Human Oversight(인간 감독), Limited Authority(권한 제한), Independent Check(독립 검증), Fail-safe(안전장치), Accountability(책임 체계)의 5가지 안전 원칙을 제시하는 콘텐츠입니다.

An interactive science visualizer that explores how black holes move through space and interact with gravity.

Explore galactic travel, orbital motion, binary black holes, inspiral and merger, gravitational-wave recoil, gravitational lensing, and gravitational waves through real-time animated simulations.

Adjust motion speed, trajectory curvature, and trail length to observe how different motion patterns and gravitational interactions are visualized.

Designed as an educational astrophysics experience that helps users understand how black holes can travel, orbit, merge, distort light, and generate ripples in spacetime.

An interactive 3D educational visualizer that reveals how the components inside a smartphone work together.

Explore an exploded smartphone model featuring the display, touch layer, SoC, RAM, storage, modem, battery, camera, sensors, and wireless systems.

Adjust the exploded view, trace data and power flow, rotate the device, and explore dedicated sections covering computing, camera processing, wireless communication, sensors, and energy management.

Interactive microscopic defense & immune-response visualizer