ReactのコードをGithub pagesで公開したいのにエラーが出てしまう。

Question

ファイルをGitHub　pagesで公開したい！！！
__Reactのファイルを初めてデプロイするため、試しに新しくファイルを生成し、レポジトリも作りました。
そしてhttps://kobablog.xyz/react-github-pages/こちらのページに書かれている通り「https://kobablog.xyz/react-github-pages/」こちらのコマンドを打ち込みpackage.jsonに

"homepage": "https://(user name).github.io/(repository name)/",
"name": "react-todo-app",
...
...

"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
     ...
   }

こちらを記載しました。
その後

npm run deploy

こちらのコマンドを打ち込みました。するとエラーが返ってきてしまいます。
どうすればいいか教えていただきたいです。

GitHubのリポジトリも生成してプッシュしただけですし、
Reactも　npx create-react-appで生成してReactのロゴが回転しているだけのページです。
なので困っています。。。

エラー画面の写真です。追加します。

Comments

[y_waiwai]

エラーが出たなら、エラーメッセージを提示しましょう
エラーメッセージは、いらぬ翻訳省略しないで、出たそのママをコピペで提示してください

[toshi_104]

画像追加させていただきました。
よろしくお願いいたします。

[hoshi-takanori]

github に public なリポジトリ作って push しましたか？

[toshi_104]

しっかりとパブリックになっています。

[hoshi-takanori]

git remote -v で origin が表示されますか？

[toshi_104]

このコマンドをどこに打てばいいのでしょうか？？？

[hoshi-takanori]

npm コマンドを実行するのと同様に、ターミナルで…。

[toshi_104]

質問部分に画像を追加しました。このようなエラーが発生してしまいます。

[hoshi-takanori]

開発者用コマンドラインツールがインストールされてなくて、そもそも git できない状態ですね。
まず xcode-select --install でコマンドラインツールをインストールしましょう。
そして、ローカルで git を使う設定をする必要がありそうですね…。

[toshi_104]

えーーっとまず何からすればいいんでしょうか。。。

[hoshi-takanori]

そちらの状況がさっぱり分からないので、何とも言えません。SourceTree を使ってたなら git も入ってるはずですが、SourceTree 付属の git をお使いだったのでしょうか？