2023-07-01から1ヶ月間の記事一覧

React:イベントハンドラと state

インタラクティビティの追加 – Reactで理解した内容をまとめていきます イベントへの応答 イベントハンドラ イベントオブジェクト state:コンポーネントのメモリ コンポーネントでデータ更新するために必要なこと state セット関数にはコールバック関数が渡…

JavaScript:値渡し?参照渡し?

コンポーネントを純粋に保つ – Reactのチャレンジ問題の最後でハマってしまいましたハマったのは下記コード: export default function StoryTray({ stories }) { let storiesTray = stories; storiesTray.push({ id: "create", label: "Create Story", }); …

React:純関数とは

純関数 なぜ純関数が重要なのか? 参考 純関数 純関数とは『計算だけを行い、他には何もしない関数のこと』で次の特徴がある。 呼び出される前に存在していたオブジェクトや変数を変更しない 同じ入力を与えると、純関数は常に同じ結果を返す 純関数は数学で…

React:配列のアイテムに key が必要な理由

アロー関数は直後の式を返す 配列のアイテムに key が必要な理由 キーのルール 参考 アロー関数は直後の式を返す あまりちゃんと意識できていなかったんですが、アロー関数は直後の式を自動的に返す。{} で囲まれる場合は、ブロック形式の関数とみなされるの…

暗号と認証の基礎

本全体への所感 印象に残った点 情報セキュリティとは リバースブルートフォース攻撃 参考 暗号と認証のしくみと理論がこれ1冊でしっかりわかる教科書を読んで重要だと思ったことのまとめです。 本全体への所感 絵が多めでイメージしやすく理解しやすい 印象…

React:JSX でのマークアップ概要

React がマークアップとレンダリングロジックを混在する理由 JSXのルール コンバータの利用 参考 React がマークアップとレンダリングロジックを混在する理由 ウェブサイトは、コンテンツを HTML、デザインを CSS、ロジックを JavaScript で書くというのが一…