画面操作の裏で何が起きているか

「商品ページの『カートに追加』ボタンを押す」というシンプルな操作の裏で、 実は 4 つのステップが走っています。

1. 1
   ブラウザ→サーバー

   「カートに id=10 を追加して」とリクエストを送る

2. 2
   サーバー→DB

   「cart_items に新しい行を INSERT」を実行

3. 3
   DB→サーバー

   「追加成功」「現在のカート内容」を返す

4. 4
   サーバー→ブラウザ

   結果を JSON で返し、画面に「カートに追加しました」を反映

この 「行って戻る」のキャッチボールがリクエスト／レスポンスです。 レッスン2 で、この中身（URL・メソッド・ヘッダー・ボディ）を詳しく見ていきます。

📌 QA 視点：このステップのどこかが詰まると不具合になります。 ② で SQL がエラーなら DB 側、③ でサーバー処理がフリーズなら API 側、④ で画面が更新されないならフロント側。切り分け力 = 各ステップで何が起きるかを知っていることです。