TodayILearn10


TILの日は使いたくない...金曜日!

また新しいパートナーに出会った.
新しい退職を夢見ている人.
私と同じように非専門家です.

読解力👍


いいえ、私は同じ文章を読みましたが、あなたの理解力は違います.
😱 グーグルゲームは初めてだと言われていますが
私は.わかりました.
もう彼らの話に信用を失った.
初めてなので難しい=初めて見たコンセプトですが、よくできています.
これから初めて難しいと言った人は信じました.
一人で疾走して、途中で止めてください
その後すぐに終わり、フレンドリーな方法で
一番下から教えてくれた
いつもありがとう

Achievement Goals


Create Resact Appを紹介することで、Create Resact Appとは何かを大まかに知ることができます.
  • npx create-act-appは、新しい反応項目を開始することができる.
  • create-act-appは、簡単な開発アプリケーションを実行できます.
    反応ランダム名言アプリケーションhands-onに基づいて簡単な反応ランダム名言アプリケーションを作成できます.
  • Create Resact Appによって作成された反応項目から構成されていることが大まかに理解できる.
  • REACT、JSXの基本的な文法を熟知しています.
  • 反応器、JSXは、twitterをハードコーディングすることができます.
  • 素子を先に開発するBoottom-Upの開発方式を熟知している.
  • npm scriptは、反応器の開発に必要な基本ツールに使用できます.
  • 「今日の勉強内容」


    👉高次関数


    まったく.ちっとも知らない
    どうして必要なの?
    react内でjsxに新しい方法を提供しますか?

    👉 reactでよく使われる組み込み高差関数


    🥖 map


    フローデータとmap内の条件式を導出し,最終値を決定する
    各要素が指定した関数を呼び出した結果がまとめられ、新しい配列が返されます.
    既存のレイアウトは変更されません.
    関数は自分で作成する必要があります.
  • レンダリング:繰り返し?
    リンクテキスト
  • array.map(item => <div key={item.id}>{item.text}</div>);
    地図や身長はよく使われるそうです.
    時間効率を向上させるには、順番ではなくキー値を参照してレンダリングできますか?배열을 렌더링 할 때에는 고유한 key 값이 있는것이 중요하며, 만약에 배열안에 중복되는 key 가 있을 때에는 렌더링시에 오류메시지가 콘솔에 나타나게 되며, 업데이트가 제대로 이루어지지 않게 됩니다.初期値が与えられた場合、その値を条件式に加算します.

    🥖 filter


    true値のみが新しい配列に戻ります.
    テストに合格したすべての要素を収集し、新しい配列に戻します.
    各要素は->特定の論理(関数)Tに基づいて?F?時->個別分類
    既存の配列を変更しない

    🥖 reduce


    カオス
    初期値があります.配列内の[0]
    特定の方法(関数)による
    凝縮に必要な形態(減少)
    アレイX
    結果値O

    「難しい勉強」


    構造分解の割り当て
    割り当て対象の構造分解sprintレビューの際,講師は特に
    だから.あれはなんだ…! 키를 가진 데이터 여러 개를 하나의 엔티티에 저장할 땐 객체를, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용하죠. 개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생기곤 합니다. 가끔은 객체나 배열에 저장된 데이터 전체가 아닌 일부만 필요한 경우가 생기기도 하죠. 이럴 때 객체나 배열을 변수로 '분해’할 수 있게 해주는 특별한 문법인 구조 분해 할당(destructuring assignment) 을 사용할 수 있습니다. 이 외에도 함수의 매개변수가 많거나 매개변수 기본값이 필요한 경우 등에서 구조 분해(destructuring)는 그 진가를 발휘합니다.リンクテキスト
    .value
    いつどのように使うのはまだ応用できません

  • object , array, Set.価値観

  • DOMでvalueを使うのは何ですか?お金が欲しいの?

  • w 3 cから参照するコードを取得する
  • <!DOCTYPE html>
    <html>
    <body>
    
    Name: <input type="text" id="myText" value="Mickey">
    
    <p>Click the button to change the value of the text field.</p>
    
    <button onclick="myFunction()">Try it</button>
    
    <script>
    function myFunction() {
      document.getElementById("myText").value = "Bravo";
    }
    </script>
    
    </body>
    </html>
    

    「まだ好奇心がある」


    1 .奇形腫って何?
    参照1
    2.レンダリングと地図を一緒に学ぶ
    3.Javaとの比較学習を推奨
    4.DOM使用の原因を特定する
    5.jsxおよび<>の使用方法

    その他のヒント


  • 先進高校は早期学習のための手段だ.

  • 困難な概念->mdnなどで基本コードを暗記してみる

  • オブジェクトジャケット表現語の概念を確立する