授業の内容

1.静的ルーティングと動的ルーティング
(1)ルータオブジェクトとは,ページ移動に関する機能を持つオブジェクトである.
(2)このオブジェクトを用いてAページからBページに移動する場合を「ルーティングBページ」と呼ぶ.
(3)静的ルーティング,例えば/loginページでは,誰がいつログインしてもログインページが現れる.
(4)逆に,掲示板詳細ビューのように文章番号に応じてアドレスを変更する.ただし、この場合、投稿が数百件、数千件を超える場合は、各投稿の番号に基づいてページを作成し、静的ルーティングを行います.これらの問題を効果的に処理するために,動的ルーティングを用いる.
(5)各投稿には,写真と同様に詳細表示ページアドレスが付与される.

(6)私たちが学ぶ次のステップ.jsは、フォルダ名のサブフォルダ名をカッコで囲み、indexを作成する動的ルーティングを提供します.jsファイルを作成することで、ダイナミックルーティングを使用できます.
(フォルダ名は単純変数名なので、どのように作成しても構いませんが、実際にはbordidのように作成されています!)
2.非同期通信と条件レンダリング
(1)javascriptの記述コードは上部から順番に実行されるため、データを要求して応答する前に画面に描画する内容は定義されていないため、エラーが発生する.(写真参照)
(2)この部分をより効率的に実行するために、条件付きレンダリングを使用してスクリーンを事前に描画し、データを描画します.条件付きレンダリングには、&&演算子、3つの演算子、パースビューなどがあります.
(3)3項演算子

data ? data.fetchProfile : undefined

(4)&&演算子

data && data.fetchProfile

(5)光学調整

data?.fetchProfile

(6)写真を見て、どちらが読みやすいか判断した方が良い!

3.graphql変異にtry~catchを適用
(1)突然変異は必ずしも成功するわけではない.バックエンドコンピュータに問題が発生する可能性があります.修正中の投稿が削除され、問題が発生する可能性があります.
(2)したがって,成功処理,失敗処理に分けて作業を行う.
(3)この場合はtry~catch構文を用いてスクリプトのハングアップを防止し,air(catch)をキャプチャすることでairを処理する.
(4)写真を見た方がわかりやすい.(出典:https://ko.javascript.info/try-catch)



(5)実行可能コードでのみ実行されることに注意する.たとえば、カッコが一致しないなどのコード構文エラーが発生した場合、コードは動作しません.
(6)try~catch構文では、実行結果にかかわらず、実行を完了したい場合にのみ、finallyというコードセグメントを実行してもよい.