화면을 받는다 | makemind.dev

3편까지 클라이언트가 무엇을 보여줄지는 우리가 여기 적었기 때문에 알았다. 이번엔 안 적는다.

세 줄

final read = await client.readResource('ui://desk');
final text = read.contents.first.text!;
final screen = jsonDecode(text) as Map<String, dynamic>;

ui://desk — 546 B, 6 lines, type "page", title "Desk"
nothing about this screen is written in the client

Flutter 호스트라면 여기서 MCPUIRuntime.initialize(screen) 로 넘어간다. 강좌 샘플은 누구나 돌릴 수 있게 순수 Dart 로 뒀고, 도착했다는 것과 그게 화면이라는 것까지만 확인한다.

이 파일에 없는 것들이다.

전부 서버가 준 문서 안에 있다. 클라이언트는 그 문서를 받아 런타임에 넘기는 배관이다.

그래서 서버가 화면을 고치면 클라이언트는 아무것도 안 해도 된다. 서버 4편에서 fontSize 를 88에서 120으로 바꿨을 때 서버를 안 껐던 것처럼, 이쪽도 다시 안 빌드한다.

화면 하나가 546 바이트다. 6줄.

이 숫자가 작아 보이는 게 요점이다. 화면을 옮기는 비용이 작으면 옮기는 게 기본이 된다. 매번 앱을 배포해야 한다면 화면은 앱 안에 있는 게 맞고, 문서 하나 받는 게 전부라면 밖에 있는 게 맞다.