[10 | ログイン機能実装前準備] ホーム] >> [12 | Auth Context]ランキング参加中プログラミングまずは「qrmenu_react」の編集をします。 「qrmenu_react/src/pages/Login.js」ファイルを以下のように編集します。 記述編集 【Desktop/QRMenu/qrmenu_react/s…

[09 | React-Toastify] ホーム] >> [11 | ログイン機能実装]ランキング参加中プログラミング以降の作業は、Visual Studio Codeを２つ起動し、ウィンドウ２つを移動しながら作業する必要があります。 まず一つ目のウィンドウを開いたら、デスクトップにある「…

[08 | React-Bootstrap] ホーム] >> [10 | ログイン機能実装前準備] ランキング参加中プログラミングReact-Toastifyをインストールします。 コマンド npm i react-toastify@7.0.3 -s 「src/index.js」ファイルに記述を追加します。 記述追加 【QRMenu/qrmenu…

[07 | React] ホーム] >> [09 | React-Toastify]ランキング参加中プログラミング「React Bootstrap」と「Bootstrap」を追加します。 コマンド npm i react-bootstrap@1.5.2 bootstrap@4.6.0 -s 「index.js」ファイルにBootstrapをインポートする記述を追加し…

[06 | GitHub] ホーム] >> [08 | React-Bootstrap]ランキング参加中プログラミングReactの設定を行います。 ターミナルを開き、デスクトップにある「QRMenu」フォルダに移動します。 コマンド cd ~/Desktop/QRMenu フォルダの移動 npmを使ってReactのアプリ…