환경 : Visual Studio Code - 앞서 올린 https://ggingggang05.tistory.com/164, https://ggingggang05.tistory.com/165와 이어지는 내용이다. [ 주요코드 ] [ 전체 코드 ] 회원가입 아이디 멋진 아이디네요! 아이디는 소문자 시작, 숫자 포함 8~20자로 입력하세요 비밀번호 비밀번호가 올바른 형식입니다. 비밀번호는 반드시 영문 대,소문자와 숫자, 특수문자가 포함되어야 합니다. 비밀번호 확인 비밀번호가 일치합니다. 비밀번호가 일치하지 않습니다. 비밀번호를 먼저 입력하세요. 회원가입 개인 공부 기록용입니다:)

환경 : Visual Studio Code 실행결과 - 바로 전 글에 대해 이어지는 내용이다 (https://ggingggang05.tistory.com/164) onblur 속성으로 함수를 부르는 경우, 함수에 대한 처리를 바로바로 하는 것이 아닌, 사용자가 다 작성한 이후에 결과를 보여준다. 즉, 포커스를 잃을 때 이벤트가 발생하게 됩니다. 아래 내용은 이전 글과 이어지며, 단순히 onclick 속성을 onblur로 바꿔준 것이다. 회원가입 아이디 멋진 아이디네요! 아이디는 소문자 시작, 숫자 포함 8~20자로 입력하세요 비밀번호 비밀번호가 올바른 형식입니다. 비밀번호는 반드시 영문 대,소문자와 숫자, 특수문자가 포함되어야 합니다. 비밀번호 확인 비밀번호가 일치합니다. 비밀번호가 일치하지 않습니다. ..

환경 : Visual Studio Code - 전체 코드는 맨 마지막 코드만 있습니다. [ (1)기본 - 일단 되긴 되는 코드 ] - 비밀번호 확인 시 사용할 수 있는 코드 └ 비밀번호 / 비밀번호 확인 부분에 대한 코드만 있음 (+) 비밀번호가 입력되지 않았다는 것을 검사하기 위한 검사식은 아래와 같이 있다. if(memberPw == "") { //자바스크립트는 모든 비교를 ==로 한다 if(memberPw.length == 0) { //글자수 0이면 if(memberPw == false) { //문자열이 부정적인 값이라면 if(!memberPw) //3번째 코드를 가장 간결하게 사용하는 방법 [ (2) nextElementSbling을 사용한 코드 ] └ 아이디 부분에 대한 코드만 있음 (+) 쿼리..

환경 : Visual Studio Code [ 주요 코드 ] (+) 텍스트의 길이가 1000자를 넘은 경우 경고창을 띠워 준다. (+) substring()을 활용하여 사용자가 더 입력을 하더라도 1000자만 보여지게 설정해준다. └ 사용자의 입력을 막기 어렵기 때문에, 사용자는 입력하도록 냅두고 프로그램에서 알아서 잘라 보여준다 (+) return '';을 수행하여 강제 종료 효과를 낸다 (+) lengthTarget.style.color = ""; 를 하면 색상이 제거된다. └ 따로 색상을 정해주지 않고 원래의 색상으로 돌아가게끔 해줘야 한다. (이후 기본 색상이 바뀔 수 있기 때문) [ 전체 코드 ] (Q) 입사 후 20년 뒤에 본인의 모습을 예상해보세요 0 / 1000 - 실행결과 (최대 작성 글..

환경 : Visual Studio Code [ 주요 코드 ] (+) .length를 활용하여 길이를 출력한다 (+) 정규표현식에서는 객체를 슬래시(/)로 감싸서 생성한다 (+) 정규표현식과 일치하는지 테스트는 test() 메소드를 사용한다. [ 전체 코드 ] 입력 이벤트 개인 공부 기록용입니다:)

환경 : Visual Studio Code [ 스타일 속성으로 폭, 너비를 주었을 경우의 전체 코드 ] 이미지 크기 조절 작게 보통 크게 [ 속성으로 폭, 너비를 주었을 때의 전체 코드 ] 이미지 크기 조절 작게 보통 크게 개인 공부 기록용입니다:)