웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1 2014.11.23(Sun)

1. Javascript & jQuery
실무제작 기초 스터디
1주차 - 변수와 IF
김세환(hidepink@naver.com) / 2014.11.23 (sun)

2. 변수

3. 변수란?
• 어떤 값을 넣을수 있는 저장소
값
변수

4. 변수의 구성은 크게 2가지
강백호
myName
값
변수명

5. 저장만 하나요?
• 저장된 값을 읽을수 있습니다.
물론 읽는다고 값이 사라지진 않습니다.
하지만 읽어서 배껴갈 수는 있겠죠?

6. 변수의 문법
• var myName = “강백호”;
• var myNumber = 10;
• var iamWoman = false;

7. 앞의 var 는 뭔가요?
• 나는 변수다! 라고 선언해주는 겁니다
• 안써도 되는 경우도 있고 전역변수,지역변수,매개변수 등등
여러가지 변수의 종류가 있지만… 지금은 변수를 만든다 할
때는 var 를 붙여아 한다고 알아두도록 하세요

8. 변수의 사용
• var six = 6;
var seven = 7;
document.write(six + seven);
• 결과값: ?

9. 다음 중 변수에 저장할 수
없는 값은?

10. 숫자

11. 문자

12. BOOLEAN
(true / false)

13. 함수

14. 배열

15. 다른 변수의 값

16. undefined

17. null

18. 정말 변수에는 여러 값들을
담을 수 있죠?
• 모든 것을 다 담을 수 있는건 아닙니다. 하지만 오늘은 여기
까지만! 단순하게 데이터 그리고 오브젝트를 담을 수 있다고
기억해두세요!

19. 테스트
http://www.webdongne.com/bbs/bbs/board.php?
bo_table=s_js_core_var

20. 이..이러고 계신거 아니죠?
홧팅염…

21. 조건문 if

22. if…
• 주어진 조건이 참인지 거짓인지 물어본 후 판별하여 다음일
을 처리함
if (그는 유죄이다!)
NO
else { gotoHome(); }
YES
{ gotoJail(); }

23. if~else의 기본 문법
• if ( simpson == “유죄”) {
gotoJail();
} else {
gotoHome();
}
if 괄호안의 구문은
참일때만 실행
else 괄호안의 구문은
거짓일때만 실행

24. if만 써도 되요
• if ( simpson == “유죄”) {
gotoJail();
} else {
gotoHome();
}
if 괄호안의 구문은
참일때만 실행
거짓 일때는
그냥 아무일도 안함

25. else if
스무고개도 할수있어요
• if ( bart == “여자”) {
gotoWomanToilet();
} else if ( bart == “성인”) {
gotoDrink();
} else if ( bart == “초등학생”) {
gotoSchool();
} else {
whatThe();
}

26. 비교 연산자
• var myNumber = 10;
• if (myNumber == 10) 변수의 값이 10과 같으면 참
• if (myNumber != 10) 변수의 값이 10과 다르면 참

27. 비교 연산자
• if (myNumber >= 10) 변수의 값이 10과 같거나 크면 참
• if (myNumber <= 10) 변수의 값이 10과 같거나 작으면 참
• if (myNumber > 10) 변수의 값이 10보다 크면 참
• if (myNumber <10) 변수의 값이 10보다 작으면 참

28. 명심할것
• if는 ‘조건’이 참인지 거짓인지 비교하는 것이지
값의 크기 차이만 비교하는게 아닙니다.

29. 테스트
http://www.webdongne.com/bbs/bbs/board.php?
bo_table=s_js_core_if

30. 아…아직
이러고 계신거 아니죠?
오늘의 기초 문법이 완료되었습니다