2021.04.16毎日の回顧

Facts

結果確認機能は

で実現した.(3時間)

関数を少し勉強しました.(30分)

からタスクの提出まで18時間かかりました.

Feeings & Findings

宝くじ結果確認機能を実現しました。

宝くじの結果を確認するには、購入した宝くじの中で何個の当選番号が一致しているかをチェックする論理が必要だ.この過程でifゲートとswitchゲートを用いず,実現に努めた.6個の番号が一致している場合、1位、5個の番号が一致している場合、ボーナス番号が一致している場合、2位、このようにswitchやif文を使うのは簡単です.しかし、コードの長さが長くなり、可読性が低下したと思います.そこで客体文字を使うことにしました.客体文学は可読性と性能を兼ね備えているようだ.よく使うアイデア.
すべてがうまく実現しましたが、やり直しボタンを押すと、価格入力の初期化をどのように行うべきかは感じられません.親コンポーネントAppコンポーネントでサブコンポーネントの入力を初期化する方法が分かりません.思ったのは、子コンポーネントのinputにonChangeイベントを割り当て、inputを入力するたびに親コンポーネントがsetStateを行うことです.すなわち、親エレメントは、子エレメントの入力状態を有する.これは良い方法ですが、親の状態値が子供の入力に適しているかどうかは、やはり悩んでいるので、問題を残しました.
入力時にすべての入力がマウントされないようにPureComponentを使用してパフォーマンスの最適化を行い、タスクをコミットします.

関数を少し勉強しました。

DeepDiveで勉強して、深く入り込んでいません.最初はほんの少ししか見ていなかったので、知らない事実が分かりました.

function hello(){
  console.log('hello');
}

上記の関数宣言がある場合、関数名helloではなくhello()を呼び出すことができます.javascriptでは、上記の関数宣言を参照するためにhelloという識別子をメモリに作成します.関数の名前は関数内でしか使えないそうです.したがって,関数宣言文と式は同じと考えられるが,転義の有無は異なる.関数宣言は、実行時にエスケープされ、最上位レベルにあるため、関数を呼び出すことができます.ただし、関数式は変数自体のみを呼び出し、呼び出すとundefinedを出力します.
基礎的な概念ですが、はっきりしていないので、読書を再開することを決意しました.

宝くじの任務を提出するまで全部で18時間かかりました。

宝くじの任務を提出するのに全部で18時間かかりました.

webpack 5時間

css 7時間

機能実施6時間

最初からwebpackを設置して、長い時間をかけて勉強して、まだ勉強しなければならないことがたくさんあります.
今度の任務は7時間もcssに費やしたのはもったいない.難しいスタイルがなくても、こんなに時間がかかったのは驚くべきことだ.7時間の投資でしたが、印象的だったのはbox-sizing: border-box時間で、基礎が足りなかったからかもしれません.cssも基礎から勉強しなければなりません.
機能を実現する時間は6時間しかなく、思ったほど長くはありませんでした.これは、タスクを深化させず、すべてのエラーに対応しなかったためのようです.コーチの意図通りに機能を実現することを最大限に目的とするよりも,バニラJavaScriptで実現したコードを反応コードとして記述する.だから質問の大部分はバニラjavascriptで~~のように書かれていて、反応の中でも~~で書くことができます.
今回のミッションを通して、ある程度の反応を感じ、バニラJavaScriptで知らなかった宣言型プログラミングの意味も分かりました.また、多くの反応器に制限があるので、ライブラリよりもフレームに近い.
関数形式で書くのが楽しみです.早くフィードバックして欲しい

Plans

ラーニングログ

の作成
学習

関数(下ブルータ学習)

フィードバック