변수의 사용과 confirm()의 사용

자바스크립트의 변수에 관해서 알아보겠습니다.

자바스크립트는 타 언어들과는 비교될 정도로 변수를 사용하기가 쉽습니다.

정수, 실수(소수), 문자등등에 상관없이 모든 변수는 "var"를 사용하여 만들어집니다.

예를들어서 코드를 작성해보면

이처럼 자료형과 관계없이 변수의 사용이 가능합니다.

변수에는 이처럼 값만 넣을 수 있는것이 아니라 객체(object)도 담을 수 있습니다.

이부분은 좀 더 나중에 하도록 하겠습니다.

confirm()

우리가 작업이나 프로젝트를 하다보면 경고창을 띄울일도 있을겁니다. 하지만, 경고창은 무언가 경고를 해주기 위해 사용되는것이지, 어떠한 질문 및 문제에 대해서 확인하는데는 부적합하다고 판단됩니다.

alert를 사용하여 확인창을 만들 경우를 예를들어봅시다.

만약 어느 홈페이지에서 회원가입을 할때 id 중복체크를 한다고 가정할 경우, id가 중복되었을때는 경고창을 띄워서 id가 중복되었으니 다른 id로 다시 중복체크 할 것을 권합니다. 이경우는 경고창을 사용하여도 전혀 문제가 없습니다.

그러나, id가 중복되지 않았을 경우에 그 id의 사용여부를 경고창을 사용하여 나타낼 경우엔 사용자에게 이 id를 사용할지 사용하지 않을지에 대한 선택권이 없습니다. 그냥 확인만 하는것일 뿐이죠. 이럴때는 confirm()을 사용하는것이 올바른 방법입니다. confirm()은 alert()와 달리 "취소"버튼이 있어서 사용자에게 선택권을 줍니다.

그리고 사용자의 선택에 맞춰 서비스를 제공하기가 훨씬 쉬워집니다.

confirm()의 기본 문법은 변수=confirm("내용"); 입니다. 변수에는 confirm()의 결과값이 저장되는데, 만약 확인을 눌렀을 경우엔 true, 취소를 누를 경우엔 false가 저장됩니다. 그럼 분기문(if)을 사용하여 사용자의 선택에 맞는 서비스를 제공하기가 쉬워집니다.

이제 코드화면을 보겠습니다.

실행화면입니다.

실행화면에 보면 "확인" 버튼과 "취소"버튼이 있습니다. 버튼을 클릭한 값은 con변수안에 true 또는 false가 저장됩니다.

다음은 분기문을 활용한 예를 보겠습니다.

위 실행화면에서 "확인" 과 "취소" 를 클릭하였을 경우 각각 다른 메세지가 출력됩니다.