ちいさい春さん

ちいさい春さん

[React]"Use client"について

★特定のコードがクライアントサイドのみで実行されること。 これは、サーバーサイドのプロセスやデータベースへのお問い合わせなどサーバーに依存する処理を避け、ウェブブラウザ内で完結する処理を推進すること。 [　注意点　] 　client sideのコードは閲覧・改変が可能。 ★XSS Cross-Site-Scripting Reflected XSS　(反射型　クロスサイトスクリプティング) この攻撃は、ユーザーが攻撃者が提供した特定の悪意のあるリンクを訪れたときのみ発

ちいさい春さん

    • [Next.js]Parallel Routesパラレルルートとは

      パラレルルート パラレルルートでは、同じレイアウト内で1つまたは複数のページを同時に、または条件付きでレンダリングできます。ダッシュボードやソーシャルサイトのフィードなど、アプリの非常に動的なセクションに便利です。 例えば、ダッシュボードを考えると、パラレルルートを使ってチームページとアナリティクスページを同時にレンダリングすることができます： Twitterのログイン画面を例にすると一番最初のホーム画面からログイン画面へと移動はするが後ろの背景にログイン画面が残っている

      ちいさい春さん

      • [Next.js]プリレンダリングとは

        プリレンダリング（事前レンダリング） Next.jsの強力な機能の一つに、サーバーサイドでのページのプリレンダリングがあります。 これは、サーバー上でページのHTMLが先に生成されるということです。これにより、ブラウザがページを要求したとき、すぐにすべてのHTMLが送信されます。 このプロセスを「プリレンダリング」と言います。プリレンダリングされたページは、ブラウザによって読み込まれた後、JavaScriptによって「ハイドレーション」と呼ばれるプロセスを経て、完全なイ

        ちいさい春さん

        • 【package.json】npmとnpxの違い

          結論から申し上げますと npm　パッケージをインストールして管理するためのツール npx　パッケージをインストールせずに実行することにフォーカスしたツール npm Node Package Manager package 様々なシーンで便利に利用できるプログラムの塊のこと manger 管理 npx Node Package Executor executor 実行者（特定の任務や計画を実行する人） npmとの違いはインストールされていないパッケージでも自動的に探して

          ちいさい春さん

          [React Hooks]useReducerについて

          ◎useReducerとは何ですか細かくわかりやすく教えて？ 〇useReducerは、ReactのHooksの1つで、コンポーネント内で状態を管理するための強力なツールです。useReducerを使うことで、コンポーネント内で複雑な状態管理とアクションの処理を行うことができます。 以下に、useReducerの基本的な概念を細かく説明します： Reducer（リデューサ）: useReducerの中心的な要素は「Reducer」と呼ばれる関数です。Reducerは2

          ちいさい春さん

          [React Hooks]useReducerについて

          ちいさい春さん

          [React] モーダル実装,Toast作り

          Q,　React Portalとは何ですか？ React Portal（React ポータル）は、React アプリケーション内でコンポーネントの階層構造を無視して、コンポーネントを DOM ツリー内の別の場所に描画するための仕組みです。通常、React コンポーネントは親から子へデータを伝えるために使われ、コンポーネントの階層は親から子へと下がっていきます。しかし、時にはコンポーネントをルート DOM ツリーの外側に描画したい場合があります。これは、モーダル、ポップアップ

          ちいさい春さん

          [React] モーダル実装,Toast作り

          ちいさい春さん

          [React] ラベル要素にはForではなくhtmlForでした。

          <div> <label htmlFor"123">스티커</label> <input id="123" placeholder="안녕" Reactを勉強初めて3日目。 こんな感じでinput要素を書こうとしたらラベルのforの存在について知ることができた。 ジャバス（日本でもそう呼ぶのかな？ｗ）ではfor 要素何回か使った記憶があるのだが、htmlFor=""は初見だったので記録しておきます。。。 要するにフォーカスをどの要素に当

          ちいさい春さん

          [React] ラベル要素にはForではなくhtmlForでした。

          ちいさい春さん

          DOMツリーとは

          ※こちらは韓国語で書かれた記事の和訳です。（自分用） DOM 트리웹 페이지의 모든 요소를 Document 객체가 관리합니다. 때문에 웹 페이지의 요소들을 관리하고 제어하기 위해서는 Document 객체가 웹 페이지 요소들을 잘 반영하는 자료구조를 가지고 있어야 합니다. 그래서 Document 객체 모델인 DOM은 트리 자료구조 형태를 가지고 있습니다. 트리 자료 구조는 HTML 문서를 읽어 들이고 제어하기 가장 좋은 자료구조입니다

          ちいさい春さん

          DOMツリーとは

          ちいさい春さん

          浮動小数点とは

          浮動小数点数（Floating Point Number）は、数値を仮数部（M）と指数部（P）に分けて表現するものです。 具体的には、ある数値Nに対して以下のように表現されます。 N = Ｍ × bP   ここで、Mは仮数、bは指数の基数、Pは指数です。 Pは、10進数では10、2進数では2、4、8、16... となります。 コンピュータの計算では、レジスタや加減算器のハードウェアが扱える数値の範囲は限られています。 そのため、小数点の位置を固定したままで計算を行うと、非常に

          ちいさい春さん

          浮動小数点とは

          ちいさい春さん

          [JS]0.1+1.1＝＝1.2 これは間違いです。

          0.1+1.1＝＝1.2　 false　 そうです、この式は間違いであると言えます。 コンソールで聞いてみても答えはfalseが返ってきます。 では、なぜでしょう？ 我々が0.1+1.1＝＝1.2という数字が当たり前に知識としてあるのは我々が使う数字は基本的には10進数であります。 それは我々の指の数が10本であるからとここでは理解しましょう。 ≫正確には10進数（十進法）は、数学や日常生活で最も一般的に使用される数の表現方法です。10進数は0から9までの10個の数字を

          ちいさい春さん

          [JS]0.1+1.1＝＝1.2 これは間違いです。

          ちいさい春さん

          [DB]MySQLデータベース作成時のエラー

          はじめまして。 簡単なWebアンケートページの作成。 まず初めにデータベース作成、テーブル作成 その中で生まれたエラー達を自分が後で見返せるように書き留めておきますセット 一番引っかかった点 ''   ""  ``    シングルコーテーションなのかダブルなのか （DBeaverでは" "はあまり使わないというより文字として認識するので命令文としてコンピューターがよんでくれない（多分） でも、エラー文見たらなんのエラーなのか分かるからChatGPT使えば余裕です！（お

          ちいさい春さん

          [DB]MySQLデータベース作成時のエラー

          ちいさい春さん

          プロトコルとURLの違いとは

          Q、プロトコルとURLの関係はなんですか 　　　（この時点でプロトコルとは？URIとは？URLとはといった区別が付け　　　　　　れていませんでした。今回はその曖昧に覚えていた部分を確認していく。） A、プロトコルとURL（Uniform Resource Locator）の関係は、URLがインターネット上の特定のリソースへの参照を提供する際に、プロトコルを使用して「どのように」そのリソースにアクセスするかを指定するというものです。 プロトコル プロトコルは、コンピュータ

          ちいさい春さん

          プロトコルとURLの違いとは

          ちいさい春さん

          $updated_rowsと$inserted_rowの違いとは

          Q.   $updated_rowsと$inserted_rowの違いは？ A.  変数名$updated_rowsと$inserted_rowは、それぞれ更新された行と挿入された行の数を保持する変数として慣習的に使用されることがあります。これらの名前は、操作の内容を示すために選ばれますが、変数名自体に特別な機能があるわけではありません。変数の動作は、どのように使用されるかによって決まります。 $updated_rows: この変数は、通常、データベースの特定の行が更新

          ちいさい春さん

          $updated_rowsと$inserted_rowの違いとは

          ちいさい春さん

          例外処理　(PHP 7の変更点など)

          Q.　catch(PDOException $e) {と catch (Exception $e)ではどう違うの？ A.  　`catch(PDOException $e)`と`catch(Exception $e)`は、例外をキャッチするための構文ですが、キャッチする例外のタイプに違いがあります。 `catch(PDOException $e)`: この構文は、`PDOException`タイプの例外だけをキャッチします。 `PDOException`は、PHPのP

          ちいさい春さん

          例外処理　(PHP 7の変更点など)

          ちいさい春さん

          【PHP】ロックとデットロック

          ロック（Lock）とデッドロック（Deadlock）は、データベースにおける並行処理や同時アクセスの管理に関連した概念ですが、異なる意味と状況で使用されます。 ロック（Lock）: ロックは、データベースにおいて同時アクセスを制御するための仕組みです。複数のトランザクションやセッションが同じデータやリソースにアクセスしようとする場合、ロックを使用して排他制御や同時実行制御を行います。ロックにはいくつかの種類がありますが、主な種類には以下のようなものがあります： 共有ロック

          ちいさい春さん

          【PHP】ロックとデットロック

          ちいさい春さん

          [PHP]HTTP/1.1とKeepAliveについて

          What`s  3way handshake 3ウェイハンドシェイク（3-way handshake）は、TCP（Transmission Control Protocol）プロトコルを使用して通信を確立するための手順です。TCPは、信頼性の高いデータ転送を提供するために使用されるプロトコルであり、3ウェイハンドシェイクはその通信の確立フェーズの一部です。 3ウェイハンドシェイクは以下の手順で行われます： クライアントがサーバーに接続要求を送信するためのSYNパケット（

          ちいさい春さん

          [PHP]HTTP/1.1とKeepAliveについて

          ちいさい春さん