バックエンド3名とフロントエンド2名で構成されており、多くのドキュメントを残したいため、Notionで情報を共有することにした.
まず、どのような機能が必要なのか、どの機能が追加されるのか、基本機能は「会員加入、登録/退出、購読サービスCRUD、毎月の支払い金額照会」などの簡単な機能であり、付加機能は「年齢/性別購読サービス統計、購読推薦機能、購読キャンセル機能」である.
次に,ワイヤフレームの作成方法とレイアウト方法について議論した.

ネットでやっていたのですが、ほとんどがスマホで繋がっていたので、スマホに合わせて仕事をすることにしました.
会員の入金、登録は既存の個人項目のコードを加工し、異常処理は一切行わず、特に異常処理に多くの時間を費やした.
初めて試したのですが、フロントに認証ライブラリ(yup、Formikなど)があり、よく理解できず、自分で実現したいので、別の関数を作成しました.

// /lib/validate.js

export const idValidation = (data) => {
  const Regex = /^[a-z]{1}[0-9a-z]+$/;

  if (!Regex.test(data)) {
    return {
      result: false,
      message: '아이디는 영어로 시작해야합니다.',
    };
  }

  return {
    result: true,
  };
};

export const pwValidation = (data) => {
  const Regex = /^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).*$/;

  if (data.length < 8 || data.length > 15) {
    return {
      result: false,
      message: '비밀번호는 8~15자 입니다.',
    };
  }

  if (!Regex.test(data)) {
    return {
      result: false,
      message: '비밀번호는 영어/숫자/특수문자가 포함되어야합니다.',
    };
  }

  return { result: true, message: '' };
};
...

前述したように、ログイン、登録、またはその他の必要に応じて使用するために、個別のファイルに分けます.
パスワードについては、当初は戻り値true of falseのみを希望していたが、パスワードがフォームに合わない場合、長さが足りない場合は戻り値を等分してエラーを表示しようとしたため、戻りフォーマットを結果とメッセージを含むオブジェクトに変更した.
したがって、この検証を使用すると、trueは空のメッセージであるため、関数名になります.結果と関数名を確認します.みんなにメッセージを見せればいい
また,ブラウザエディタで入力したtypeを変更するために正規表現を用いた.
ここには書かれていませんが、ネイバー会員の大学入試の誕生日が今より大きくなれば「未来から来たのか」と.妙語を見せてくれたら、私も追加しました.

会員入力エレメントを登録、作成するときは、最初は1つのエレメントで行い、検証部分では関数が長くなり続け、可読性のためにエレメントを分離します。 部品を製造する際にも困難がある。 これはCSSの問題で、いつも真ん中に置くのではなく、一番真ん中に置く問題です。 検索結果、htmlとbodyに100%、サブ属性に100 vhを与えるとよい。 私はtailwindCSSを使っているので、自分でもスクロールする必要がなく画面の真ん中に配置することができます。 なんだかこの部分が難しい。