티스토리 뷰
목차
If문은 프로그램에 어떤 조건이 충족될때만 특정 작업을 하라는 명령이다. 이것은 웹사이트에 로그인할때 주로 사용된다. '만약 사용자 이름과 패스워드가 데이터베이스의 기록과 일치하면 사용자의 로그인을 허용하라'는 작업을 실행한다.
이제 if문을 이용해 간단한 패스워드시스템을 만들어 보자. 우선 입력창 바로 앞부분에 텍스트 'What is the password?'를 추가한다.
이 코드를 실행하면 아래와 같은 결과가 나온다.
여기까지 이해되셨다면 다음단계로 넘어간다. 사용자가 입력한 내용이 미리 정해놓은 패스워드와 일치하는지 테스트한다. 패스워드를 'coding'이라고 정하고 자바스크립트의 밑줄친 alert... 열을 아래처럼 바꾼다.
밑줄친 부분의 흐름을 설명하자면 문서에서 my-input이라는 텍스트창의 내용이 'coding'과 일치하면 'you got it!' 을 팝업창에 띄우라는 의미이다. 패스워드 'coding'을 입력하고 버튼을 눌렀을때 결과를 보자.
입력창에 암호를 맞게 입력했을때 결과는 아래와 같다.
참고사항) 프로그래밍에서 equal 부호 ' = ' 를 코딩에 하나만 쓴것과 두개 쓴것은 확연히 다른 의미를 가진다. 하나를 사용할때는 무언가를 다른 것으로 대입할때 사용하며 등호 2개는 어떤 값이 다른 값과 같은지 비교하기 위해서 사용한다. 이 둘은 분명하게 구별해서 사용해야 한다.
자 그렇다면 패스워드를 틀리게 입력했을때도 무언가 메시지가 있어야 한다. 다음 강에서 바로 알아보자