happy cat image

everdevel

Make It Yours, 에버디벨

UI 변경

EEOS

에버디벨 책을 학습할 수 있는 클라우드 개발 환경을 제공합니다.
개발환경구축없이 태블릿에서도 개발할 수 있는 책의 예제와 프로젝트
오직 당신을 위한 스토리지, URL, DB, 무제한 트래픽
그리고 웹기반 개발환경을 제공합니다.

더 알아보기

웹애플리케이션을 만들고 싶은데 이것도 알아야 하고
저것도 알아야 한다는데 어떻게 해야할지 모르겠다면

웹프로그래밍 초보자를 넘어 프로그래밍을 처음 접하는 분들을 위해
에버디벨이 1년넘게 작업한

HTML5 + CSS3 + jQuery + MySQL + PHP

한권으로 배우는 웹코딩 시작하기

if문

조건문 중에 하나인데요. 프로그래밍을 하면서 엄청나게 많이 사용하게 됩니다. 사용법은

if(조건식){
    조건식이 참이면 구동할 소스 입력
}

예제를 보며 이해해 봅시다.

소스의 내용은 변수 a 의 값이 100 이면 a의 값은 100 입니다. 라는 문자열을 출력합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
a = 100;
if(a == 100){
  document.write("a의 값은 100 입니다. ");
}
</script>
</head>
<body>
</body>
</html>

if의 조건문에서 같은가를 조건으로 사용할때는 ==(= 두번)를 사용합니다. 서로 값이 같은 지를 확인후 참이면 실행 아니면 미실행 입니다.

else if

else if문은 위의 if문에서 조건이 참이 아닐 경우 다른 조건을 내세울때 사용합니다. 그래서 이미 앞에서 작성한 if문과 짝이 됩니다.

위의 조건문에서는 a가 100 이면이죠 만약 a가 20이라고 하면 조건에 벗어 나게 되는데요. 그때 다른 조건 a가 20 이면 의 조건을 더 붙일 수 있습니다.

예제를 통해 확인해 봅시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
a = 20;
if(a == 100){
  document.write("if문작동 <br />");
  document.write("a의 값은 100 입니다. <br />");
}
else if(a == 20){
  document.write("else if문작동 <br />");
  document.write("a의 값은 20 입니다. <br />");
}
</script>
</head>
<body>
</body>
</html>

else if문은 여러번 사용이 가능 합니다. 다른 조건이 또 필요하면 사용하면 됩니다.

else

그럼 이번엔 else에 대해서 알아봅시다.

if문의 조건 else if의 조건문도 다 아니면 else를 선언하여 명령문을 넣어 줍니다.

즉 어떠한 조건도 만족하지 않으면 이걸 실행 해라 입니다.

예제를 통해서 확인해 봅시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
a = 30;
if(a == 100){
document.write("if문작동 <br />");
document.write("a의 값은 100 입니다. <br />");
}
else if(a == 20){
document.write("else if문작동 <br />");
document.write("a의 값은 20 입니다. <br />");
}
else{
document.write("else문작동 <br />");
document.write("a의 값은 20도 100도 아닙니다. <br />");
}
</script>
</head>
<body>
</body>
</html>

이것을 if문에 대한 설명을 끝내겠습니다.

강좌로 돌아가기