[ProjectペミンSurvival]1,2日目

5週目からWecodeの最初のプロジェクトが始まります.
新しいメンバーを組み合わせて、私のアイデアの拝民文房具は私のチームのクローンサイトになりました.
文房具店の生存21世紀を脱するため、現実の生存品を売ることをテーマに、拝民生存活動というサイトを作る.
フロントは3人で、初期設定が完了すると、それぞれの担当ページが実現します.
韓信雄:Navとfooter
朱智紅:Main
林彩賢(私):loginとsignup
登録を実現するために、培民文房具登録ページを参考にしました.
実際,ログインを実現するページでは,UI単位を最大限に分けるべきかどうかを考慮した.しかし、私はまずハードコーディングをしてから考えることにしました.
ハードコーディングでログインページを実現し,アイデンティティパスワードのログインを検証した.
検証プロセスがさらに強化されると、現在は簡単な論理しか実現されていません.

const [inputId, setInputId] = useState('');

  const [inputPw, setInputPw] = useState('');

  const handleInputId = e => {
    setInputId(e.target.value);
  };

  const handleInputPw = e => {
    setInputPw(e.target.value);
  };

  const onSubmit = () => {
    if (inputId === '') {
      alert('아이디를 입력해주세요');
    } else if (inputPw === '') {
      alert('패스워드를 입력해주세요');
    }
  };

handleInputId,handleInputPwはinputのonChangeに入れられ,alertを実現するonSubmit関数は登録されたonclickイベントに実現される.

パスワードを入力せずにログインボタンを押すと、パスワードの入力を求めるプロンプトウィンドウが表示されます.