1. 먼저, 필요한 패키지를 설치합니다. 실행하고 있는 프로젝트의 디렉토리에서 아래 명령을 실행하세요.

   npm install --save validator
   

   이 명령은 validator 패키지를 설치하여 폼 유효성 검사에 사용할 수 있도록 해줍니다.

2. 폼에서 사용할 자바스크립트 파일을 만듭니다. 예를 들어, formValidation.js라는 파일을 생성하고 아래 내용을 추가해주세요.

   import validator from 'validator';
   
   function validateForm() {
     const form = document.getElementById('myForm');
     const email = document.getElementById('email').value;
   
     if (!validator.isEmail(email)) {
       alert('유효한 이메일 주소를 입력해주세요.');
       return false;
     }
   
     // 추가적인 유효성 검사 로직을 추가하세요.
   
     return true;
   }
   
   form.addEventListener('submit', validateForm);
   

   이 코드는 validator 패키지를 사용하여 이메일 주소를 유효성 검사하는 예시입니다. 추가적인 폼 유효성 검사 로직을 필요에 따라 추가해주세요.

3. HTML 파일에서 자바스크립트 파일을 연결합니다. 예를 들어, 아래 내용을 HTML 파일에 추가해주세요.

   <form id="myForm">
     <label for="email">이메일:</label>
     <input type="email" id="email" name="email" required>
     <input type="submit" value="제출">
   </form>
   
   <script src="formValidation.js"></script>
   

   폼에서 사용할 요소들과 formValidation.js 파일을 연결하는 스크립트 태그를 추가했습니다.

4. 폼 제출 시 유효성 검사가 동작하도록 설정합니다. 이제 폼을 제출할 때 폼 유효성 검사 함수가 실행되게 됩니다.

   이제 폼을 제출할 때 유효성 검사가 실행되고, 이메일이 유효하지 않다면 경고창이 뜨게 됩니다.

위의 단계를 수행하면 Parcel에서 폼 유효성 검사를 간편하게 추가할 수 있습니다. 필요한 경우, validator 패키지 외에도 다른 유효성 검사 패키지를 사용할 수도 있습니다.