흔하게 회원가입을 할 때 이메일이 자동완성되는 곳이 종종 있다. onblur 이벤트를 이용해서 쉽게 응용할 수 있을 것 같다. 이메일 @ 직접 입력 네이버 구글 한메일 이메일을 받기 위해 h6태그로 "이메일"을 넣어주고 도메인과 이메일을 따로 받고 @을 기본으로 넣어주게 되니 위와 같은 그림으로 입력칸을 만들었다. select 문으로 option으로 각 도메인을 선택가능하게 해 놓고 onchange 이벤트를 사용했다. onchange 이벤트는 만약 다른 값으로 바꾼다면 반응하므로 domain_select() 메소드가 실행된다. email-domain-select id를 가진 값(select문에서 선택한 값)의 value를 domain 객체에 담고 2번째 입력상자에 그 값을 넣게 되면 누를 때마다 변경된다.
API란? API는 vscode에서만 사용하는 개념이 아니고 더 넓은 곳에서 포괄적으로 쓰이고 있다. API(Application Programming Interface)은 애플리케이션 소프트웨어를 빌드하고 통합하기 위한 정의 및 프로토콜 세트인 애플리케이션 프로그래밍이라고 개념을 정의할 수 있다. API를 사용하면 구현 방식을 알지 못하는 제품 또는 서비스와도 통신할 수 있고 애플리케이션 개발을 간소화하여 시간과 비용을 절약할 수 있다. 새로운 툴과 제품을 설계하거나 기존 툴과 제품을 관리할때 API를 사용하면 유연성을 높이고 설계 , 관리 , 사용방법을 간소화하며 혁신의 기회를 얻을 수 있다. 사용예제 https://postcode.map.daum.net/guide 다음 우편번호 API를 vscode..
회원가입을 할 때 빈칸이면 밑에 알림을 주는 코드를 작성해 볼 수 있다. 더보기 회원가입 이메일 비밀번호 비밀번호 확인 회원가입 글을 h2로 , 각 email_form , password_form , password_check_form id속성을 가진 것으로 묶어서 onblur 이벤트를 이용해서 함수를 실행시킨다. 이메일에 규정에 맞게 작성되야만 다음 비밀번호가 활성화 , 비밀번호 확인도 마찬가지로 비밀번호가 활성화되면 접근할 수 있으며 비밀번호 칸과 비밀번호 확인칸이 같다면 제출버튼이 활성화되게 된다. 더보기 이메일에는 5~20글자 이내로 , 비밀번호는 isNaN을 이용해 숫자만 가능하게 , 비밀번호 확인은 비밀번호 값과 같을 것으로 해놓고 다르게 입력하면 이벤트를 주었다.
