버튼 클릭 시 실제로 일어나는 일: 브라우저에서 데이터베이스까지, 그리고 다시
(dev.to)
이 기사는 사용자가 브라우저에서 버튼을 클릭했을 때 프론트엔드에서 데이터베이스까지 데이터가 이동하고 다시 돌아오는 전체 과정을 단계별로 설명합니다. 식당의 주문 과정에 비유하여 HTTP 요청, Express 서버의 라우팅, 미들웨어의 역할, 그리고 컨트롤러와 데이터베이스의 상호작용을 직관적으로 풀어냈습니다.
이 글의 핵심 포인트
- 1웹 요청의 전체 흐름: 브라우저(Event) → HTTP Request → Express Server → Middleware → Controller → Database
- 2식당 비유를 통한 구조화: 고객(브라우저), 웨이터(API), 주방(컨트롤러), 식재료 창고(DB)로 개념화
- 3