🎯 このDayを終えるとできること
コンポーネント・propsの型・useStateの型を理解し、画面に表示してイベントを扱える。Next.jsのApp Routerの超基本がわかる。
コンポーネントとJSX/TSX
画面を「部品(コンポーネント)」に分け、JSX/TSXで見た目を書く感覚をつかむ。
設問 3 問
propsの型づけ
部品に外から渡す値(props)に型をつけ、渡し忘れや型違いをコンパイル時に防ぐ。
useStateの型と状態更新・イベント
画面の状態をuseStateで持ち、型を推論させつつ、クリックや入力のイベントを型安全に扱う。
Next.js App Router超入門
page.tsxでページを作り、サーバーコンポーネントとクライアントコンポーネントの違いを理解する。