Client vs Server
모든 웹 상호작용에 있는 두 쪽
⏱ 예상 ~4분
01 · 읽기
웹사이트나 앱을 사용할 때마다, 대화에는 항상 두 쪽이 있어요: - Client (클라이언트) — 여러분의 기기에서 실행되는 브라우저나 앱이에요. 화면에 무언가를 보여주고, 클릭과 터치에 반응하는 일을 맡아요. - Server (서버) — 어딘가에 있는 다른 컴퓨터예요. 데이터를 저장하고, 요청을 처리하고, 결과를 돌려보내요.
둘은 함께 일해요. 클라이언트는 여러분이 보는 것을 다루고, server 는 뒤에서 일어나는 것을 다뤄요.
💡 상상해 봐요음식점을 떠올려 보세요. 여러분 (client) 은 테이블에 앉아 메뉴를 보고 주문해요. 주방 (server) 이 주문을 받아 음식을 만들어 내보내요. 여러분은 주방으로 들어가지 않고, 주방도 여러분 자리로 오지 않아요. 각자 자기 일을 해요.
핵심 정리
- Client = 여러분의 기기 (브라우저, 모바일 앱). 표시와 상호작용을 담당해요.
- Server = 멀리 있는 컴퓨터. 데이터 저장, 로직, 처리를 담당해요.
- Client 가 요청을 보내고 ("이 페이지 주세요"), 서버가 응답해요 ("파일 여기 있어요")
- 어떤 코드는 클라이언트에서 (브라우저 안의 JavaScript), 어떤 코드는 서버에서 (로그인 처리) 실행돼요
02 · 분류 드래그
각 동작이 Client (여러분의 브라우저) 에서 일어나는지, Server (멀리 있는 컴퓨터) 에서 일어나는지 판단해 보세요.
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
03 · 퀴즈
음식점 비유에서 "server"에 해당하는 건 무엇인가요?
- 메뉴
- 여러분이 앉은 테이블
- 다른 손님
- 요리하는 주방
04 · 퀴즈
웹 페이지의 버튼 색을 바꾸는 JavaScript 는 어디에서 실행되나요?
- 클라이언트에서 (여러분의 브라우저)
- 서버에서
- 데이터베이스에서
- DNS 서버에서
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.