🚲 HTML5 입력 값 체크
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/1a7460bf-518f-4791-bf7d-63543f2e49c0.png)
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/b6c3f22f-ff41-474a-8927-0ab69147c746.png)
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/fab2b747-f8d9-4760-9b47-8c9dadf71ba9.png)
pattern 은 입력 양식으로 '정규식' 으로 설정한다. [a-zA-Z] 는 소문자, 대문자 1글자 쓴다.
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/98af6833-5cd2-44d6-81cd-bc2407c3d44e.png)
정규식 [a-zA-Z]. 여기서 .은 그 어느 문자든지 다 쓸수 있다는 것이다.
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/34f2039a-d3da-4e8f-bcd7-36bd5d73173c.png)
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/60d1f955-f508-43a2-8a90-592379678b32.png)
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/26e493c8-cf84-4c57-8e28-5162b4025b14.png)
정규식 [a-zA-Z].+ 처음에는 알파벳 으로 시작해서 적어도 1글자 이상을 써야 한다는 + 이다.
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/e73cac0b-970a-4c20-b7c5-4d53f668833d.png)
정규식 [a-zA-Z].+ 처음에는 알파벳 으로 시작해서 적어도 1글자 이상을 쓰고 끝은 숫자로 끝나야 한다.
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/75c67ad4-8fdc-4925-8ad6-72fcae4c6b5c.png)
![HTML5 입력 값 체크 image](https://slid-users-assets-v1-seoul.s3.ap-northeast-2.amazonaws.com/public/capture_images/615518d92f1e4a9ca087c681ca8609ca/9fa47ef7-a85f-4b48-9d00-37f6b7691834.png)