01 / 14
웹사이트는 어떻게 뜨나
주소창에 velog.io를 치고 엔터를 누르면 무슨 일이 생길까요?
브라우저내 컴퓨터
"첫 페이지 주세요" →← HTML, CSS, JS
서버velog 컴퓨터
- 브라우저가 서버에 요청을 보내요. "이 주소의 페이지 주세요."
- 서버가 응답으로 파일을 보내요. 글자로 된 파일이에요.
- 브라우저가 그 파일을 읽어서 화면에 그려요.
서버는 그냥 컴퓨터예요. 요청이 오면 답을 돌려주는 프로그램이 돌고 있을 뿐이에요. 오늘 우리가 만드는 게 바로 그 프로그램이에요.
서버가 보내는 세 가지 파일
| 파일 | 역할 | 예시 |
|---|---|---|
| HTML | 뼈대. 무엇이 있는지 | 제목, 글 목록, 버튼 |
| CSS | 옷. 어떻게 보이는지 | 민트색, 그림자, 카드 배치 |
| JS | 동작. 눌렀을 때 뭐가 일어나는지 | 다크모드 버튼, 삭제 버튼 |
HTML만 있어도 사이트는 떠요. 못생겼을 뿐이에요. 5단계에서 직접 보게 돼요.
오늘 만드는 것
velog 닮은 블로그예요. 글 목록, 글 상세, 글쓰기, 삭제까지. 서버는 파이썬(FastAPI)으로 쓰고, 브라우저에 보낼 HTML, CSS, JS는 손으로 써요. 30분이면 돼요.