30
Javascript & jQuery 실무제작 기초 스터디 1주차 - 변수와 IF 김세환([email protected]) / 2014.11.23 (sun)

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

Embed Size (px)

Citation preview

Page 1: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

Javascript & jQuery 실무제작 기초 스터디

1주차 - 변수와 IF 김세환([email protected]) / 2014.11.23 (sun)

Page 2: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

변수

Page 3: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

• 어떤 값을 넣을수 있는 저장소

변수란?

변수

Page 4: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

변수의 구성은 크게 2가지

강백호

myName

변수명

Page 5: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

저장만 하나요?• 저장된 값을 읽을수 있습니다.

물론 읽는다고 값이 사라지진 않습니다. 하지만 읽어서 배껴갈 수는 있겠죠?

Page 6: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

변수의 문법

• var myName = “강백호”;

• var myNumber = 10;

• var iamWoman = false;

Page 7: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

앞의 var 는 뭔가요?

• 나는 변수다! 라고 선언해주는 겁니다

• 안써도 되는 경우도 있고 전역변수,지역변수,매개변수 등등 여러가지 변수의 종류가 있지만… 지금은 변수를 만든다 할때는 var 를 붙여아 한다고 알아두도록 하세요

Page 8: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

변수의 사용

• var six = 6;var seven = 7;document.write(six + seven);

• 결과값: ?

Page 9: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

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

Page 10: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

숫자

Page 11: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

문자

Page 12: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

BOOLEAN (true / false)

Page 13: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

함수

Page 14: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

배열

Page 15: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

다른 변수의 값

Page 16: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

undefined

Page 17: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

null

Page 18: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

정말 변수에는 여러 값들을 담을 수 있죠?

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

Page 19: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

테스트http://www.webdongne.com/bbs/bbs/board.php?

bo_table=s_js_core_var

Page 20: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

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

Page 21: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

조건문 if

Page 22: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

if…• 주어진 조건이 참인지 거짓인지 물어본 후 판별하여 다음일

을 처리함

if (그는 유죄이다!)

NO

else { gotoHome(); }

YES

{ gotoJail(); }

Page 23: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

if~else의 기본 문법

• if ( simpson == “유죄”) { gotoJail();} else { gotoHome();}

if 괄호안의 구문은 참일때만 실행

else 괄호안의 구문은 거짓일때만 실행

Page 24: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

if만 써도 되요

• if ( simpson == “유죄”) { gotoJail();} else { gotoHome();}

if 괄호안의 구문은 참일때만 실행

거짓 일때는 그냥 아무일도 안함

Page 25: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

else if 스무고개도 할수있어요

• if ( bart == “여자”) { gotoWomanToilet();} else if ( bart == “성인”) { gotoDrink();} else if ( bart == “초등학생”) { gotoSchool();} else { whatThe();}

Page 26: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

비교 연산자

• var myNumber = 10;

• if (myNumber == 10) 변수의 값이 10과 같으면 참

• if (myNumber != 10) 변수의 값이 10과 다르면 참

Page 27: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

비교 연산자

• if (myNumber >= 10) 변수의 값이 10과 같거나 크면 참

• if (myNumber <= 10) 변수의 값이 10과 같거나 작으면 참

• if (myNumber > 10) 변수의 값이 10보다 크면 참

• if (myNumber <10) 변수의 값이 10보다 작으면 참

Page 28: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

명심할것

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

Page 29: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

테스트http://www.webdongne.com/bbs/bbs/board.php?

bo_table=s_js_core_if

Page 30: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1

아…아직 이러고 계신거 아니죠?

오늘의 기초 문법이 완료되었습니다