웹동네 jsjq 실무기초 스터디...
TRANSCRIPT
![Page 2: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/2.jpg)
변수
![Page 3: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/3.jpg)
• 어떤 값을 넣을수 있는 저장소
변수란?
값
변수
![Page 4: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/4.jpg)
변수의 구성은 크게 2가지
강백호
myName
값
변수명
![Page 5: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/5.jpg)
저장만 하나요?• 저장된 값을 읽을수 있습니다.
물론 읽는다고 값이 사라지진 않습니다. 하지만 읽어서 배껴갈 수는 있겠죠?
![Page 6: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/6.jpg)
변수의 문법
• var myName = “강백호”;
• var myNumber = 10;
• var iamWoman = false;
![Page 7: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/7.jpg)
앞의 var 는 뭔가요?
• 나는 변수다! 라고 선언해주는 겁니다
• 안써도 되는 경우도 있고 전역변수,지역변수,매개변수 등등 여러가지 변수의 종류가 있지만… 지금은 변수를 만든다 할때는 var 를 붙여아 한다고 알아두도록 하세요
![Page 8: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/8.jpg)
변수의 사용
• var six = 6;var seven = 7;document.write(six + seven);
• 결과값: ?
![Page 9: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/9.jpg)
다음 중 변수에 저장할 수 없는 값은?
![Page 10: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/10.jpg)
숫자
![Page 11: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/11.jpg)
문자
![Page 12: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/12.jpg)
BOOLEAN (true / false)
![Page 13: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/13.jpg)
함수
![Page 14: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/14.jpg)
배열
![Page 15: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/15.jpg)
다른 변수의 값
![Page 16: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/16.jpg)
undefined
![Page 17: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/17.jpg)
null
![Page 18: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/18.jpg)
정말 변수에는 여러 값들을 담을 수 있죠?
• 모든 것을 다 담을 수 있는건 아닙니다. 하지만 오늘은 여기까지만! 단순하게 데이터 그리고 오브젝트를 담을 수 있다고 기억해두세요!
![Page 19: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/19.jpg)
테스트http://www.webdongne.com/bbs/bbs/board.php?
bo_table=s_js_core_var
![Page 20: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/20.jpg)
이..이러고 계신거 아니죠? 홧팅염…
![Page 21: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/21.jpg)
조건문 if
![Page 22: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/22.jpg)
if…• 주어진 조건이 참인지 거짓인지 물어본 후 판별하여 다음일
을 처리함
if (그는 유죄이다!)
NO
else { gotoHome(); }
YES
{ gotoJail(); }
![Page 23: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/23.jpg)
if~else의 기본 문법
• if ( simpson == “유죄”) { gotoJail();} else { gotoHome();}
if 괄호안의 구문은 참일때만 실행
else 괄호안의 구문은 거짓일때만 실행
![Page 24: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/24.jpg)
if만 써도 되요
• if ( simpson == “유죄”) { gotoJail();} else { gotoHome();}
if 괄호안의 구문은 참일때만 실행
거짓 일때는 그냥 아무일도 안함
![Page 25: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/25.jpg)
else if 스무고개도 할수있어요
• if ( bart == “여자”) { gotoWomanToilet();} else if ( bart == “성인”) { gotoDrink();} else if ( bart == “초등학생”) { gotoSchool();} else { whatThe();}
![Page 26: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/26.jpg)
비교 연산자
• var myNumber = 10;
• if (myNumber == 10) 변수의 값이 10과 같으면 참
• if (myNumber != 10) 변수의 값이 10과 다르면 참
![Page 27: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/27.jpg)
비교 연산자
• if (myNumber >= 10) 변수의 값이 10과 같거나 크면 참
• if (myNumber <= 10) 변수의 값이 10과 같거나 작으면 참
• if (myNumber > 10) 변수의 값이 10보다 크면 참
• if (myNumber <10) 변수의 값이 10보다 작으면 참
![Page 28: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/28.jpg)
명심할것
• if는 ‘조건’이 참인지 거짓인지 비교하는 것이지 값의 크기 차이만 비교하는게 아닙니다.
![Page 29: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/29.jpg)
테스트http://www.webdongne.com/bbs/bbs/board.php?
bo_table=s_js_core_if
![Page 30: 웹동네 JSJQ 실무기초 스터디 1주차-자바스크립트기초1](https://reader036.vdocuments.site/reader036/viewer/2022062406/55a92cc01a28ab3a578b45e1/html5/thumbnails/30.jpg)
아…아직 이러고 계신거 아니죠?
오늘의 기초 문법이 완료되었습니다