More Related Content
Similar to Hacosa js study 1주차
Similar to Hacosa js study 1주차 (20)
More from Seong Bong Ji
More from Seong Bong Ji (15)
Hacosa js study 1주차
- 1. Hacosajs Study #1 History Of JS #2 JavaScript Syntax Ver.Written By Last Editted 1.0 mulder21c@ 2011. 10. 04
- 2. History of JS JavaScript 웹 페이지를 동적으로 보이기 위해 웹 브라우저에 추가된기능 J Script MS에서 개발 IE 3.0 ver. 에 탑재 ECMA Script 유럽컴퓨터제조협회에서 제안한 Script의 표준안 1.5 ver.을 현대 표준안으로 사용 중
- 3. History of JS DOM (Document Object Model) 프로그램 및 스크립트가 동적으로 액세스하고 문서의 내용, 구조와 스타일을 업데이트할 수 있는 플랫폼과 언어 중립 인터페이스 (W3C) 현재 DOM은 W3C 표준안을 따름
- 4. JavaScript Syntax JavaScript는 웹 브라우저가 소스를 읽음과 동시에 실행 순서대로 읽고 실행 (Interpreter Language) 대소문자 구분
- 5. JavaScript Syntax (내용 추가/수정) JavaScript 는 <head>, <body>에 모두 사용가능 <head>에 종속(X) HTML문서와 분리 HTML문서에 직접 Coding되지 않고, .js file로 작성 <head>~</head> 에 두기 보다는 </body> 바로 앞에 작성하는 것이 좋음
- 6. JavaScript Syntax 명령문 줄 바꿈, 혹은 세미콜론 (;) 으로 구분가독성을 위해 한 명령문을 한 줄에 기재Ex)var a, b ,c; c = a + b;
- 7. JavaScript Syntax 주석 JavaScript 해석기가 해석 하지 않음 소스코드의 설명, 메모 등에 사용 한 줄 주석 처리 : // ~~여러 줄 주석 처리 : /* ~ */ Ex)/* =========================================================================== Function :foldElement Description : 'folded' 클래스를 가진 엘리먼트를 검색하여 display를 none 처리 =========================================================================== */ function foldElement(){ //Jquery Library 사용함 $(".folded").css("display","none"); }
- 8. JavaScript Syntax 변수 (Variable) 전역 / 지역변수 어떤 상황에 따라 변하는 값을 대표하는 문자 대소문자 구분 변수명의 첫 글자는 숫자, 기호 불가( _ 는 예외) 변수의 선언 defaultvar변수명; 한 번에 여러 개의 변수 선언 가능. 콤마(,)로 연결var변수명1, 변수명2, 변수명3; 선언과 동시에 값 할당 가능var변수명= 값;
- 9. JavaScript Syntax 변수형(Type) 문자열 (String)var mood = ‘행복’; 숫자(number)실수형(floating-point), 정수형(integer) 등이 있음var pie = 3.14;var age = 31; 불린(Boolent) true / falsevarisMarried = true;
- 10. JavaScript Syntax 변수형(Type) 배열(Array) Numeric Array Associative Array
- 11. JavaScript Syntax 연산자(operator) 연산 : data를 가지고 계산, 컨트롤 하는 일 사칙, 누적, 대입, 비교, 일치, 조건 연산자 등이 있음
- 12. JavaScript Syntax 대입 연산자 (=)var c = a; 사칙 연산자 ( +, -, *, /, % ) + : 더하기 - : 빼기 1 – 2; a – b + c; a – (b + c) ; (* 문자열 과 숫자의 연산에서는 문자열이 우선순위를 가짐) * : 곱하기 / : 나누기 1 * 2; 1 + 2 * 3; (1 + 2) / 3; % : 나눈 나머지 3 % 4;
- 13. JavaScript Syntax 누적 연산자(주로반복문에 많이 쓰임) ++ :값을 1 증가 -- : 값을 1 감소varb = a++;var b = ++a; += : 증가 – 대입 -= : 감소 –대입var b += a => b = b + a;var b -= a => b = b – a;
- 14. JavaScript Syntax 비교 연산자 (조건문에 주로 쓰임) == : 값이 같음 != : 값이 다름 <= : 작거나 같다 (이하) >= : 크거나 같다 (이상) < : 작다 (미만) > : 크다 (초과) 일치 연산자 (거의 쓰이지는 않음..) === : 값과 변수형이 모두 같음 !== : 값 또는 변수형이 서로 다름
- 15. JavaScript Syntax 논리 연산자 (조건문에 주로 쓰임)&& : AND a, b 모두 true 혹은 모두 false 일 때 a && b => false a가 true 이고, b가 false 일 때 a && b => false || : OR a, b 모두 true 일 때 a || b => true a, b 모두 false 일 때 a || b => false a가 true 이고, b가 false 일 때 a || b => true
- 16. JavaScript Syntax 조건연산자조건문? true일 때 반환 값 : false일 때 반환 값 var a = (b == 0) ? 0 : 1 ;
- 17. JavaScript Syntax 조건문 if(조건){ 명령문; } if(조건1){명령문1; }else{명령문2; } if(조건1){명령문1; }else if {명령문2; }else{ 명령문3; } 조건이 true일 때, 코드 블록 안의 명령을 실행
- 18. JavaScript Syntax 반복문 while문 while(조건){명령문; }조건이 true 인 동안 명령문 실행 do while문 do{명령문; }while(조건)일단 한 번 실행하고 조건 확인 후 반복
- 19. JavaScript Syntax 반복문 for문 for(초기 조건; 조건 식; 조건변경){명령문; } ex) for(var i = 0; i < 10; i++){ alert(i); }