인증서와 TLS 암호화의 핵심 동작을 인터랙티브 시각화로 학습하는 웹사이트입니다.
- TLS가 필요한 이유
- 암호학 기초
- 인증서란 무엇인가
- X.509 인증서 구조
- CA와 신뢰 체계
- 인증서 검증 과정
- TLS 프로토콜 구조
- TLS 핸드셰이크 기본 흐름
- TLS 1.2와 TLS 1.3 비교
- Cipher Suite와 알고리즘
- HTTPS 실제 동작
- OpenSSL로 보는 인증서와 TLS
- 패킷과 로그로 TLS 분석하기
- MitM과 TLS Inspection
- 실전 운영과 트러블슈팅
- React 19 + TypeScript + Vite 8
- Tailwind CSS v4
- D3.js (20개 인터랙티브 시각화 + 3개 AnimatedDiagram)
- study-ui-lib 공용 컴포넌트
- GitHub Pages 배포
pnpm install
pnpm devpnpm build