TechLabs

1. 회원가입 폼 오류 확인하기 처음에는 발견하지 못했는데, 강의를 수강하다가 알게 되었다. - 인증번호 받기를 여러 번 클릭하면 여러 번 시간 반복 함수가 실행되어 서로 화면 갱신하기 위하여 충돌이 발생한다. - setInterval 함수가 종료되지 않아서 계속 else 구문을 반복한다. 2가지 문제점이 발생하였고, 문제점을 해결해보자. 2. 회원가입 폼 오류 수정하기 2-1. 인증번호 받기 버튼 제어하기 인증번호 받기 버튼을 제어하기 위하여 버튼의 상태를 Boolean을 통하여 설정한다. 상태를 제어하는데에 Boolean이 많이 사용되므로, 자주 이용하기. 주의할 점은 시간은 함수 내에 지정해야 하고, 버튼 상태는 함수 밖에 지정해야 한다. 그래야 시간은 계속하여 갱신되어 나중에 버튼을 눌러도 실행되..

1. 함수 - 우리가 직접 만드는 기능을 의미한다. - 기능 제작 function 함수명(매개변수){ 함수를 호출했을 때 실행할 명령문 } // 매개변수와 데이터 반환은 옵션이다. 매개변수 데이터를 외부에서 받아와서 함수 안에서 이용하는 것이다. 필요 시 받아서 이용하는 것이기 때문에 옵션이다. 예를 들면 내장 함수에서 데이터를 받아야 되는 경우가 있을 수 있지만, 아닌 경우도 있을 수 있다. 데이터 반환 return 을 이용하여 결과 데이터를 반환하는 것을 의미한다. 필요 시 반환하는 것이기 때문에 옵션이다. // 함수 실습 function sayHello() { console.log("안녕하세요."); } // undefined sayHello(); // 안녕하세요. // undefined funct..

회원가입 인증 번호 시간 타이머 제작하기 1. 회원가입 인증 번호 시간 타이머 제작하기. 2, 회원가입 특정 시간 도달 시 인증 버튼 없애기. 3. 회원가입 특정 시간이 0초인 경우 인증 완료 버튼 비활성화 및 색상 변경하기. - setInterval 내장 함수를 이용하여 타이머를 제작하기. - 초에서 남은 분과 남은 초를 모두 계산하여, 화면에 보여줘야 한다. - 특정 시간이 되면 버튼을 비활성화하기. 1. 제작 방식 회원가입 인증 번호 시간 타이머를 제작하기 위해서는 dom을 조작하여 화면에 있는 숫자를 변경해야 한다. 180초 // 3분 179초 // 2분 59초 178초 // 2분 58초 . . . 인증번호 받는 버튼을 누르는 동시에 3분 부터 카운트 시작하기. 남은 시간을 분, 초로 환산하여 변..