Binary World

- JavaScript의 전역 변수(global variable): 태그 안에서 선언된 변수 선언된 위치와 상관 없이 변수 선언부분을 script의 첫부분으로 이동 - JavaScript의 지역 변수(local variable): 함수(function) 내부에서 선언된 변수 - 자바문법과 동일 12345678910111213141516171819202122232425262728293031323334353637383940JavaScriptJavaScript for문, 전역/지역 변수 var output = document.getElementById('output'); output.innerHTML += 'i = ' + i + ' '; //var x = 10;//var x = 123; for(var i = ..

- 자바스크립트는 숫자 타입을 정수/실수로 구분하지 않음- 실수 타입도 switch-case 구문에서 사용할 수 있음- 자바는 실수 타입을 switch-case에서 사용할 수 없음 123456789101112131415161718192021222324252627282930313233343536373839404142JavaScript SwitchJavaScript switch문 var output = document.getElementById('output'); var x = '2';switch(x){case 1: output.innerHTML += 'One '; break;case 2: output.innerHTML += 'Two '; break;default: output.innerHTML += 'I ..

- ==, != : 자바 스크립트는 자동 형변환이 이루어져 값만 비교함- ===, !== : 타입과 값을 함께 비교 12345678910111213141516171819202122232425262728293031323334353637383940414243JavaScript JavaScript if문, 비교연산자, 삼항연산자 var output = document.getElementById('output');var x = 123;if (x > 0){ output.innerHTML += '양수 ';} else { output.innerHTML += '음수 ';} // ==, != : 자동 형변환이 이루어져서 값만 비교// ===, !== : 타입과 값을 함께 비교var age = '16'; // 문자열if(..

- var 변수이름 = 초기값;- var 변수이름;- 변수이름 = 값;- 자바 스크립트는 변수를 선언할 때 변수 타입을 명시- 자바스크립트의 변수 타입: 1) 숫자(number) 타입 : 정수(-1, 0, 1, .....), 실수(1.2, ....) 2) 문자열(string) 타입 : '문자열', "문자열" 3) 논리형(boolean) 타입 : true, false 4) 객체(object) 타입 : 자바의 클래스 인스턴스(객체) 5) null 123456789101112131415161718192021222324252627282930313233343536373839404142434445JavaScript 자바스크립트 변수 선언과 사용 var output = document.getElementById('o..

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667Java Script 자바스크립트 출력 방법document.write() 함수 사용document.write('안녕하세요~')Click! innerHTML 속성 사용 Click! 다이얼로그(dialog) 사용alertconfirmPrompt 콘솔 로그 출력로그 출력 function test(){ document.write('방가!!'); // (주의)HTML 문서의 로딩이 끝난 후 document.write()를 호출하면 // 문서 전체의 내용을 덮어쓰게 됨! } function te..

1. HTML 요소(element)의 컨텐트를 변경2. HTML 요소(element)의 속성(attribute)를 변경3. HTML 요소(element)의 스타일(CSS)를 변경4. 입력 양식의 데이터를 체크 ** 자바와 자바스크립트의 차이점- JavaScript에서 if문을 사용할 때 true/false- 0, null, undefined ==> false로 처리- 그 외 나머지(값이 있으면) ==> true로 처리 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273Java Script 자바스크립트가 할 수 있..

- 웹 개발: Front-End, Back-End 개발* Front-End 개발 언어:1. HTML: 웹 페이지의 컨텐트(내용)을 작성2. CSS: 웹 페이지의 스타일(레이아웃)을 작성3. JavaScript: 웹 페이지의 동적인 동작(기능)을 프로그램 * Back-End 개발 언어:1. Java -> Servlet, JSP2. PHP3. C# -> ASP, ASP.NET4. Node.js * HTML 파일에서 자바스크립트를 사용하는 방법:1. 태그 안에서 자바스크립트 코드를 작성 1) 태그 안에 태그를 포함 2) 태그 안에 태그를 포함 2. 자바스크립트 코드만 작성한 .js 파일을 HTML 파일에서 링크==> 자바스크립트 코드가 있는 위치에서 실행 123456789101112131415161718192..