Final project - Dev5

SR 5日目

create react app

SRは終わりに近づき、クライアントフォルダはcreate react appとして作成されました.
以前のプロジェクトではファイル構造をクリアできませんでした.
エラー処理で難しい記憶があるので、ファイルをフォルダごとに整理することにしました.
私たちのチームのプロジェクトには、各コンポーネントとコンポーネントを組み合わせてログインするページコンポーネントがあります.
フォルダごとに整理することにしました.

応答からオーディオを再生

私はプロジェクトでオーディオ再生機能と関連ページを担当しています.
オーディオ放送については、初めてなのでほとんどの時間をGoogleで過ごします.
要するに、これらは私が使っている技術の順序です.
html audioラベル->react-audio-player->react-h 5-audio-player
html audioラベルはhtmlのデフォルトラベルで、imgラベルのようにsrcオプションの値でaudioを出力できます.
react-audio-player正直audioラベルとの違いは見つかりませんでした.
react-h5-audio-playerが最も適しているのは、cssでコントローラを直接カスタマイズできることだと考えられています.
不安なことにreact-h 5-audio-playerはフォントスクリプトで書かれています.
react-h 5-audio-playerには複数の属性と道具があります.
その中で、私はonEndeとsrcを使って音楽の再生が終わった後に次の音楽に切り替えます.
src値に音楽url値をステータスとして与え、onEnded propを使用してステータスをset関数に変換します.

     <AudioPlayer
        src={src} controls volume={0.5}
        showSkipControls
        onEnded={() => { setSrc(sweetDream); }}
        />

showSkipControlsは、前の曲と次の曲のボタンを表示する属性で、現在は何の機能もありません.
この機能をonClickPreviousとonClickNextで先ほどと似たような論理に記述しようとします.

git競合

コードコメントで1日のprを終了する過程で大きな間違いを犯した.
package-lockをignoreファイルに挿入します.jsonを書かずにこの部分にアップロードしました.
github web上のpackage-lock.jsonを削除するとprは動作しません.
衝突が多すぎてmerge自体に近づくことができません.
上記の状況をGoogleで検索するとpackage-lockが見つかりました彼は決してjsonを削除しないと言った.
方法を考えると、Github Webにはclose prを返す機能(Revert)があります.
このpackage-lockを利用してjsonを削除する前に戻って、その後prはとても良いです.