happy cat image

everdevel

우리 모두의 웹 입문, 에버디벨

UI 변경
오늘도 방문해 주셔서 감사합니다.
여러분이 매일 찾아주셔서 하루 5명 오는 사이트에서 1000명이 오는 사이트로 커갈 수 있었습니다.
드디어 2017년 8월 25일 에버디벨 책이 [웹코딩 시작하기]라는 제목으로 정말 출간 합니다.
정말 열심히 최선을 다해 많은 조사를 하며 작성했습니다. ^-^*
에버디벨은 제가 프로그래머가 아닌 시절 만든 사이트지만, [웹코딩 시작하기]는 저의 2년간의 프로그래머 경력을
살려서 꼭 알아야 한다고 생각하는 것들을 최대한 쉽게 설명하여 만들었습니다.
[웹코딩 시작하기]서평 이벤트도 시작했습니다.
[웹코딩 시작하기 서평 이벤트 많은 참여 부탁드립니다. ^-^* 눌러주세요.]

- 2017.8.5 에버디벨 운영자

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문에 대한 설명을 끝내겠습니다.

강좌로 돌아가기