一度の仕事

📌 scrum

22.4.15
きのう
▶▼▼認証画面が簡単にできます.しかし、完璧な反応型のためには、これからたくさんの仕事をしなければならないかもしれません.アニメーションのために反応起動バーを使用しているので、好みに合うようにカスタマイズするのは慣れていません.

✔️ issue

css - style

react bootstrapは、スタイルが多すぎるだけで解決されるわけではありません.開発者ツールを参照して、次のように変更します.

/* EliceUserAuth.module.css */
.btn {
  color: white;
  background-color: #7353ea;
  border-color: #7353ea;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover {
  background-color: #5426ab;
  border-color: #5426ab;
}

ちょっとめんどくさいけど、エリスで勉強した移行で解決^^

login-auth-adminロジック

多くのログイン-認証間の論理を考慮した.最初に、ユーザーが非ユーザーのホームページのタイトルからアクセスできるログイン画面を作成し、バックエンドチームのメンバーと相談した後、ログイン画面は必要ないと考えました.=>非ユーザホームでログインボタン/タイトルボタンを使用してアクセスすることを決定します.
認証などの場合、認証の有無や回答をフロントに保存するより、バックグラウンドで管理しているので、フロントは正解のみを本文に送信して返信を受信することにした.
ログインロジックは4つに分けられ、
1.比喩
2.ユーザであるがログインしたユーザのみ
3.ユーザー、ログインと認証を完了したユーザー
4.徳民
このとき,ユーザがログインするだけであれば,ホームページをどこにアクセスできるかを考慮して,認証プログラムを完了したユーザのみにアクセス権を与えることにする.
このため、ログインしたユーザーのみが認証ページに移動し、ここで認証プログラムに合格しなければ、ホームページへのアクセスを防ぐためにすべてのヘッダが送信されます.ログアウトボタンの追加を検討する必要があります.
この4種類のプレイヤーはいずれも登録コンポーネントで管理したいと考えており,ホームコンポーネントで管理したほうがよいと考えている.

明日やること

ホームインタフェース/機能を実装!