Mutation..君は何だ.泣かせて…?バックエンドと通信するために成長したフロントエンド開発者アメの4日目

3364 ワード
GRAPHQL_API mutation axios コードキャンプ6期 フロントエンド 202203 Apollo client await restapi TDZ(Temperal Dead Zone) async テキストリンク

- Algorithm Self Study


RUNJS学習アルゴリズムを使うと、リアルな頭の中でアルゴリズムを読むよりも、脳の50倍に入るようです!本当に開発者に感謝しています.朝来たらrunjsから練習して、アルゴリズムテストは必ず100点を得ます!

-同期と非同期(async-await)


モチベーションが必要な仕事とモチベーションが必要でない仕事は違います!
  • 動機
    投稿などを載せるには動機を書く必要があります.非動機がそうなるからです.
    では、ギャップ通信に要する時間(0.00001秒であっても)が必要であれば
    ロードできない可能性があります

    こうなるかもしれないので、以下のように登録してから歌います!
  • 非同期(リクエスト間で待機する必要がない場合)
    つまり、同時にいろいろなことをするときに使います!
    例)ページをロードすると、ショッピングカテゴリ、ニュース記事カテゴリ...順番に待つ必要はないでしょう.同時に呼んでくれればいいのに!
    だから雨の動機はこのように重なることができます!

    • -VSCDEで非同期を同期に変換するコマンド


    例)
    -const data = axios.get ( ' https://koreanjson.com/posts/1' )
    バックエンドです!韓国のウェブサイトに行って、1番の招待状のAPIのそこに持ってきて、それでは私は1つのdataという地方に詰めます//
    -console.log(data)
    //{title: "..."} データという情報があるのではなく、promiseという応答があります.非同期で実行されているからです.(データの提供、データの要求、データの待機、データへの保存)//
    このため、async/awaitのような非同期を同期に変換するコマンドを使用します.
    <<如果在axios之前貼在与上面写的非同期通讯的同时通讯的同时通讯的话.这个链接的信息不能在数据宣言之前进行下去,进一步进行。<<元豆老师非常亲切地说明后仔细理解了又使用了usState相关数,用VSCOD来表示将其作为摇滚后被显示!确实我也拍了电脑!追加のvarlet const javascript内容の最後の行。var不使用!constとletもがんばる(?)但是,因为无法在tdz上访问,所以即使进行以下操作也没有拍摄康苏尔。-REST_API vs GRAPHQL_API太难了…今天停止我的人,请回家后分解大衣。インストーラは、通信インタフェース部構成[実行関数]=ワークステーション-apollo-cliクライアントを使用してGrapQL音楽実行VSCODを実行することを推奨します。その目的は、apol-cliクライアント(apol-client/変異)appol検出検出検出検出検出検出検出検出検出検出検出、入力入力入力コマンド(I)を入力することです。实行Graphql变异的页面上部有apollo-client的旅行import{useMutation,gql}from'@apollo/client' `<<br><br>を読みこむ.在JavaScript进力部,贴在gql`间,如下所示的那样,运动场的代码制作了变数/定数.const CREATE_BOARD = gql` mutation createBoard($aaa: String, $bbb: String, $ccc: String, $ddd: string){ createBoard( writer: $aaa, password: $bbb, title: $ccc, contents: $ddd ){ message } } 3.使用上记制造的变数/定数,制作用户设施.const [createBoard] = useMutation(CREATE_BOARD)4.在检查投资登记志册时,以实行的相关数实行变异代码.createBoard({ variables: { aaa:「勲児」 bbb: "1234", ccc:「こんにちは、私は勲です」 ddd:「お会いできて嬉しいです」 } }) return ( <button onClick={handleClickPost}>投稿の登録</button> )}```进力的数据从固定值改变到stare,最终完成了!async/awaitアプリケーションrest-APIメトリックGraphql-API使用メトリックは、次のとおりです。包括变数中的async function handleClickPost(){ const result = await createBoard({ variables: { aaa:「勲児」 bbb: "1234", ccc:「こんにちは、私は勲です」 ddd:「お会いできて嬉しいです」 } })-需要在()之前加入async的地方!-変数、関数異常、JavaScriptで指示!因为有号的电脑!号是什么?<<因为是好的说明,所以很容易理解!>因此,使用const的矢印型相关数宣言方式,可以防止艾勒!-Algorithm Class今天的Instancips的问题反复了…关于复文的条件变得难以了<<读了答案,在接受授业前,养成自己想的力量!>今天学到的复文的基本文法!for~inとfor~of実習!for~each while制作了从切文的1到数值加算的麦克罗康复器,抽出了包含的文字列数。<<我觉得很难想,问题的难易度很简单。复习的话很辛苦啊>>从1开始制定符合的相关数,只抽出奇数相关数。<<在空地再次创造自己,养成思考力!>-Self study<<实际上,今天是因为学校的合并上学中途回家的,但API的组合和紧急应用程部分我不想知道回家.在塾学习的时候更集中,协助,提问,回答,更了解对方的动向。因为我一个人扔在家里进行了宿题和课题的复习,所以我很迷茫,所以到最后为止乘坐地铁,同一时期和成员的复习,如果不知道的话,我就决定在晚上看迪斯科.果然还是很难来到家里的宿题,昨天在运动场练习了很多,所以今天的宿题没有很难,应用了HAHAHA集团的实习。質問!-バックエンドと通信して投稿登録データを送信および表示する課題!-概念很少学习,不想学到restapigraphql.搜索数据的时候不思议,很有趣。-考虑一下,弗伦特恩德不仅是publishing的工作,当然是学习通讯的基础中的基础!今天也要复习习惯吧![]
    1. SQL
    簡単な中国語の自動回転ピンイン