🇰🇷 한국어 | 🇺🇸 English

🇰🇷 한국어 KR

🌐 NetPod

WiFi 간섭 현상 시뮬레이션 및 학습 플랫폼

📁 프로젝트 구조

Network Test/
├── index.html          # 메인 웹 애플리케이션
├── styles.css          # 스타일시트
├── script.js           # JavaScript 로직
├── assets/             # 정적 자산 폴더
│   └── images/         # 이미지 및 로고 폴더
│       └── logo/       # 반응형 로고 이미지
│           ├── 80x80/  # 데스크톱용 로고
│           ├── 60x60/  # 태블릿용 로고
│           └── 50x50/  # 모바일용 로고
└── README.md           # 프로젝트 문서

🚀 주요 기능

2.4GHz와 5GHz WiFi 대역대의 간섭 현상을 시뮬레이션하고 학습할 수 있는 웹 애플리케이션입니다.

📋 목차

• 기능 소개
• 설치 및 실행
• 사용 방법
• 기술 스택
• 주요 기능
• 실험 변수
• 결과 해석

✨ 기능 소개

🎓 교육적 가치

• WiFi 기본 지식: 2.4GHz와 5GHz의 차이점과 사용 이유 설명
• 간섭 현상 이해: 실제 WiFi 공학 공식을 기반으로 한 시뮬레이션
• 실시간 학습: 변수 조정에 따른 즉각적인 결과 확인

🧪 실험 기능

• 다양한 변수 조정: 거리, 벽 개수, 간섭 강도, 채널 등
• 실시간 시뮬레이션: 1초마다 업데이트되는 신호 변화
• 데이터 시각화: RSSI, 전송 속도, 신호 품질 등의 실시간 그래프
• 결과 저장: JSON 형태로 실험 데이터 다운로드

📖 사용 방법

1단계: 기본 설정

1. 주파수 대역 선택: 2.4GHz 또는 5GHz 선택
2. 환경 변수 조정: 거리, 벽 개수, 간섭 강도 등 설정

2단계: 실험 실행

1. "실험 시작" 버튼 클릭
2. 실시간으로 신호 변화 관찰
3. "실험 중지" 버튼으로 중단

3단계: 결과 분석

• RSSI (신호 강도) 미터 확인
• 전송 속도 (최소/최대) 확인
• 신호 품질 지표 확인
• 간섭 지수 확인

4단계: 데이터 저장

• "결과 저장" 버튼으로 JSON 파일 다운로드
• 실험 설정과 결과를 포함한 완전한 데이터

🛠️ 기술 스택

• HTML5: 시맨틱 마크업과 모던 웹 표준
• CSS3: Flexbox, Grid, 애니메이션, 반응형 디자인
• JavaScript ES6+: 클래스 기반 구조, Canvas API, 실시간 계산
• Canvas API: 실시간 신호 변화 그래프
• Local Storage: 실험 데이터 임시 저장

🔬 주요 기능

📊 실시간 시뮬레이션

• WiFi 신호 강도 (RSSI) 실시간 계산
• 전송 속도 변화 시뮬레이션
• 간섭 효과 실시간 반영

🎛️ 다양한 실험 변수

• 주파수: 2.4GHz / 5GHz
• 거리: 1m ~ 20m (0.5m 단위)
• 벽 개수: 0개 ~ 5개
• 간섭 강도: 0% ~ 100%
• WiFi 채널: 1, 6, 11, 자동
• 전송 파워: 10% ~ 100%
• 날씨 조건: 맑음, 비, 습함, 건조
• 시간대: 아침, 오후, 저녁, 새벽

📈 데이터 시각화

• RSSI 미터 (색상 구분)
• 신호 품질 바
• 간섭 지수 미터
• 실시간 신호 변화 그래프

🧮 실험 변수

주파수 대역별 특성

구분	2.4GHz	5GHz
장점	벽 투과력 좋음, 범위 넓음	빠른 속도, 간섭 적음
단점	속도 느림, 간섭 많음	벽 투과력 약함, 범위 좁음
최대 속도	600 Mbps	9.6 Gbps
사용 시기	일반 인터넷 사용	고속 스트리밍, 게임

간섭 요인

• 거리: 신호 강도 감소 (자유 공간 경로 손실)
• 벽: 주파수별 다른 손실률 (2.4GHz: 4dB, 5GHz: 8dB per wall)
• 채널: 인접 채널 간섭 (1, 6, 11 채널 최적)
• 날씨: 습도, 강수에 따른 신호 감쇠
• 시간대: 사용자 밀도에 따른 간섭 증가

📊 결과 해석

RSSI (Received Signal Strength Indicator)

• -30dBm ~ -50dBm: 우수한 신호
• -50dBm ~ -70dBm: 양호한 신호
• -70dBm ~ -90dBm: 보통 신호
• -90dBm 이하: 약한 신호

전송 속도

• 2.4GHz: 37 ~ 600 Mbps
• 5GHz: 270 ~ 9,600 Mbps
• 간섭에 따라 실제 속도는 이론값의 10~90%

신호 품질

• 80% 이상: 우수
• 60~80%: 양호
• 40~60%: 보통
• 20~40%: 나쁨
• 20% 이하: 매우 나쁨

⌨️ 키보드 단축키

• Ctrl/Cmd + Enter: 실험 시작/중지
• Ctrl/Cmd + R: 실험 초기화
• Ctrl/Cmd + S: 결과 저장

🔍 실험 팁

최적 설정 조합

1. 안정성 우선: 2.4GHz + 채널 1/6/11 + 낮은 간섭
2. 속도 우선: 5GHz + 최대 파워 + 맑은 날씨
3. 범위 우선: 2.4GHz + 최대 파워 + 벽 최소화

간섭 최소화 방법

• 채널 1, 6, 11 사용 (2.4GHz)
• DFS 채널 활용 (5GHz)
• 전송 파워 조정
• 시간대별 사용 최적화

📱 반응형 디자인

• 데스크톱: 전체 기능과 상세 그래프
• 태블릿: 적응형 레이아웃
• 모바일: 터치 친화적 컨트롤

🎯 교육 활용

학교/대학

• 전자공학, 통신공학 수업
• WiFi 기술 이해 교육
• 실험 설계 및 데이터 분석 연습

기업/기관

• IT 부서 직원 교육
• 네트워크 설계 훈련
• 기술 세미나 자료

개인 학습

• WiFi 기술 자가 학습
• 네트워크 최적화 이해
• 실험적 사고력 향상

🔮 향후 개발 계획

• 다중 공유기 시뮬레이션
• 3D 환경 시각화
• AI 기반 최적 설정 추천
• 모바일 앱 버전
• 클라우드 데이터 저장
• 실시간 협업 기능

📄 라이선스

이 프로젝트는 교육 목적으로 제작되었으며, 자유롭게 사용하고 수정할 수 있습니다.

🤝 기여하기

버그 리포트, 기능 제안, 코드 개선 등 모든 기여를 환영합니다!

---

NetPod로 WiFi 기술의 신비로운 세계를 탐험해보세요! 🚀

---

🇺🇸 EN 영어

🌐 NetPod

WiFi interference simulation and learning platform

📁 Project structure

Network Test/
├── index.html          # Main web application
├── styles.css          # Style sheet
├── script.js           # JavaScript logic
├── assets/             # Static asset folder
│   └── images/         # Image and logo folder
│       └── logo/       # Responsive logo images
│           ├── 80x80/  # Desktop logo
│           ├── 60x60/  # Tablet logo
│           └── 50x50/  # Mobile logo
└── README.md           # Project documentation

🚀 Key Features

This is a web application that allows you to simulate and learn about interference phenomena in the 2.4GHz and 5GHz WiFi bands.

📋 Table of Contents

• Feature Introduction
• Installation and Execution
• Usage
• Technology Stack
• Key Features
• Experimental Variables
• Result Interpretation

✨ Feature Introduction

🎓 Educational Value

• Basic WiFi Knowledge: Explanation of the differences between 2.4GHz and 5GHz and the reasons for their use
• Understanding Interference Phenomena: Simulation based on actual WiFi engineering formulas
• Real-time Learning: Immediate results based on variable adjustments

🧪 Experiment Features

• Various Variable Adjustments: Distance, number of walls, interference strength, channel, etc.
• Real-time Simulation: Signal changes updated every second
• Data Visualization: Real-time graphs of RSSI, transmission speed, signal quality, etc.
• Save results: Download experiment data in JSON format

📖 How to use

Step 1: Basic settings

1. Select frequency band: Select 2.4GHz or 5GHz
2. Adjust environmental variables: Set distance, number of walls, interference strength, etc.

Step 2: Run experiment

1. Click the “Start Experiment” button
2. Observe signal changes in real time
3. Stop the experiment using the “Stop Experiment” button

Step 3: Analyze Results

• Check the RSSI (signal strength) meter
• Check the transmission speed (minimum/maximum)
• Check the signal quality indicators
• Check the interference index

Step 4: Save Data

• Download JSON file by clicking the “Save Results” button
• Complete data including experiment settings and results

🛠️ Technology Stack

• HTML5: Semantic markup and modern web standards
• CSS3: Flexbox, Grid, animation, responsive design
• JavaScript ES6+: Class-based structure, Canvas API, real-time calculation
• Canvas API: Real-time signal change graph
• Local Storage: Temporary storage of experiment data

🔬 Key Features

📊 Real-time Simulation

• Real-time calculation of WiFi signal strength (RSSI)
• Simulation of transmission speed changes
• Real-time reflection of interference effects

🎛️ Various Experiment Variables

• Frequency: 2.4GHz / 5GHz
• Distance: 1m to 20m (0.5m increments)
• Number of walls: 0 to 5
• Interference intensity: 0% to 100%
• WiFi channel: 1, 6, 11, automatic
• Transmission Power: 10% to 100%
• Weather Conditions: Clear, Rainy, Humid, Dry
• Time of Day: Morning, Afternoon, Evening, Night

📈 Data Visualization

• RSSI Meter (Color-Coded)
• Signal Quality Bar
• Interference Index Meter
• Real-Time Signal Change Graph

🧮 Experiment Variables

Characteristics by Frequency Band

Category	2.4GHz	5GHz
Advantages	Good wall penetration, wide range	Fast speed, low interference
Disadvantages	Slow speed, high interference	Poor wall penetration, narrow range
Maximum Speed	600 Mbps	9.6 Gbps
Usage Scenarios	General internet use	High-speed streaming, gaming

Interference Factors

• Distance: Signal strength reduction (free space path loss)
• Walls: Different loss rates depending on frequency (2.4 GHz: 4 dB, 5 GHz: 8 dB per wall)
• Channels: Adjacent channel interference (channels 1, 6, and 11 are optimal)
• Weather: Signal attenuation due to humidity and precipitation
• Time of day: Increased interference due to user density

📊 Result interpretation

RSSI (Received Signal Strength Indicator)

• -30dBm to -50dBm: Excellent signal
• -50dBm to -70dBm: Good signal
• -70dBm to -90dBm: Average signal
• -90dBm or lower: Weak signal

Transmission speed

• 2.4GHz: 37 to 600 Mbps
• 5GHz: 270 to 9,600 Mbps
• Actual speed may be 10 to 90% of the theoretical value depending on interference

Signal quality

• 80% or higher: Excellent
• 60–80%: Good
• 40–60%: Average
• 20–40%: Poor
• Below 20%: Very poor

⌨️ Keyboard shortcuts

• Ctrl/Cmd + Enter: Start/stop experiment
• Ctrl/Cmd + R: Reset experiment
• Ctrl/Cmd + S: Save results

🔍 Experiment Tips

Optimal Setting Combinations

1. Stability First: 2.4GHz + Channel 1/6/11 + Low Interference
2. Speed First: 5GHz + Maximum Power + Clear Weather
3. Range priority: 2.4GHz + maximum power + minimal walls

How to minimize interference

• Use channels 1, 6, 11 (2.4GHz)
• Use DFS channels (5GHz)
• Adjust transmission power
• Optimize usage by time of day

📱 Responsive design

• Desktop: Full functionality and detailed graphs
• Tablet: Adaptive layout
• Mobile: Touch-friendly controls

🎯 Educational Applications

Schools/Universities

• Electronics and communications engineering courses
• WiFi technology education
• Experiment design and data analysis practice

Businesses/Institutions

• IT department staff training
• Network design training
• Technical seminar materials

Personal Learning

• Self-study of WiFi technology
• Understanding network optimization
• Enhancing experimental thinking skills

🔮 Future Development Plans

• Multi-router simulation
• 3D environment visualization
• AI-based optimal setting recommendations
• Mobile app version
• Cloud data storage
• Real-time collaboration features

📄 License

This project was created for educational purposes and can be freely used and modified.

🤝 Contribute

We welcome all contributions, including bug reports, feature suggestions, and code improvements!

---

Explore the mysterious world of WiFi technology with NetPod! 🚀

Translated with DeepL.com (free version)