#1 NPM 베포

자주 쓰는 컴포넌트나 훅스를 매번 만들기는 번거로운 일이다.
그래서 이번에 Kakao 로그인을 만든김에 NPM에 베포하기로 했다.

netlify 나 github 처럼 베포하는 과정이 엄청 쉬울 거라고 생각했는데, 생각보다 복잡해서 우선 베포하는 방법부터 공부했다.

간단하게 비밀번호의 verify 를 해주는 컴포넌트를 만들었다.

  const passwordRequirements = [
    {
      text: "비밀번호는 8자리 이상이어야 합니다",
      validator: (val) => val.length >= 8,
    },
    {
      text: "비밀번호는 숫자를 포함해야 합니다",
      validator: (val) => /\d/g.test(val),
    },
    {
      text: "비밀번호는 알파벳을 포합해야 합니다",
      validator: (val) => /[a-zA-Z]/g.test(val),
    },
  ];

<Requirements
	value={password}
    requirements={passwordRequirements}
    onValidChange={(isValid) => setValid(isValid)}
/>

내가 베포한 컴포넌트는 Requirements 이다.

https://www.npmjs.com/package/react-password-verify