그림으로 보는 웹사이트 작동 원리
카드와
화살표(통신 구간)
를 클릭하면 설명이, 칩을 누르면
움직이는 데모
가 나옵니다
사용자
브라우저로 접속
HTTPS · CDN
프론트엔드
눈에 보이는 화면
API · JSON
백엔드
서버 · 로직 처리
SQL · ORM
데이터베이스
정보 창고
배포 · 인프라
위의 모든 것이 실제로 24시간 돌아가게 받쳐주는 기반 — Docker, 클라우드, 자동 배포
▶ 데이터의 여행 보기
✕
한눈 요약
화면(프론트엔드)
은 선택지가 거의 없어요 → HTML/CSS +
JavaScript(TypeScript)
+ React 같은 도구
서버(백엔드)
는 자유 선택! → 안정성은
Java
, 속도는
Node.js
, AI는
Python
, 성능은
Go/Rust
둘 사이는
API + JSON
으로 대화하고, 실시간은
WebSocket
, 로그인은
JWT/OAuth
완성된 코드는
Docker
에 담아
클라우드(또는 홈서버)
에 올리고,
CI/CD
로 자동 배포!