BOM(Broser Object Model) 자바스크립트 기능- 코어(Core) + 브라우저(BOM,DOM) + 확장 라이브러리BOM, Broser Object Model- 자바스크립트로 HTML 문서상의 객체를 접근 + 조작하기 위한 객체 모델(체계)- 모든 브라우저 지원함- 문서상의 일부 객체(태그)를 이미 정해진 트리구조를 통해서 접근 + 제어 모델(*****)- 객체(태그)를 식별하기 위한 식별자를 [name] 속성을 사용한다.(id,class 인식 못함)- 객체(태그) 중 유일한 객체는 예약어를 제공한다.(window, document 등..)- BOM 트리에 포함되어 있지 않은 태그들은 접근 불가.(조작불가능)DOM, Document Object Model- XML 인터페이스의 한 종류- XM..
배열(Array)- 자바에서는 순수배열과 컬렉션의 개념이 따로 있음.- 자바스크립트는 두개의 개념이 같이 존재.- Array + Collection : 길이 가변자바에서의 배열 선언 : int[] nums = new int[3]; 자바스크립트의 배열선언var nums = new Array(); 값 대입nums[0] = 100;nums[1]=200;nums[2]=300; 3,4 건너 뛰고 바로 5에 대입 -> 길이가 3개로 줬는데 어떻게 가능? -> List의 개념과 비슷(길이 가변)nums[5]=500;console.log(nums.length); 6 -> 배열의 length는 항상 마지막 인덱스에 1을 더한 값으로 표현됨.for(var i =0; i 셋 -> 그냥 nums[0]으로 해석된다. -> 문자..
날짜 시간 자료형 - 객체(object 형)- Date 클래스 제공현재시간 var now = new Date(); - 자바의 Calendar.getInstance();와 같음. - Date 객체가 생성되는 날짜정보를 가지게 됨.console.log(now); Sat Apr 06 2019 13:53:05 GMT+0900 (한국 표준시) //c.get(Calendar.YEAR)console.log(now.getYear()); 119 2자리 년도(2000년도 이전, 2000년도 119 이런식으로 년도 2000년 이전을 0으로 보고 이후를 1부터 시작.)console.log(now.getFullYear()); 2019 4자리 년도console.log(now.getMonth()); 3 월(0~11) : 그래서 월..
자바스크립트 문자열 함수들 - 자바스크립트에서 사용하는 문자열 함수.- 자바의 문자열 메소드와 비슷하다. var txt = "안녕하세요. 홍길동님. 안녕히가세요. 홍길동님"; 이런 문자열 변수가 있을때 1. 길이- txt.length 25반환 2. 검색- indexOf() - 왼쪽에서 오른쪽으로 검색.- lastIndexOf() - 오른쪽에서 왼쪽방향으로 검색- zero based index system- 없으면 -1 반환. console.log(txt.indexOf("요")); 4 console.log(txt.indexOf("홍길동",10)); 21 console.log(txt.lastIndexOf("요")); 18 console.log(txt.indexOf("아무개")); -1 3. 대소문자 변환- ..
형변환, Type Casting - 대부분 상황에서는 자바스크립트가 자동으로 형변환을 한다.(암시적 형변환)ex) "10"*2형변환 함수1. int parseInt()2. float parseFloat() 코드로 보는 자바스크립트 형변환 함수 예제 console.log("10"*2 ,typeof ("10"*2)); 20, number var n1=3.14;console.log(parseInt(n1)); 3 var n2 = 3.99;console.log(parseInt(n2)); 3 var n3="10";console.log(parseInt(n3),typeof parseInt(n3)); 10, numberconsole.log(n3,typeof n3); 10, stringvar n4 = "3.14"; con..
자바스크립트(메소드),Function(Method) 자바 메소드 선언public [static] int m1(int num){return 10;}자바스크립트 함수 선언function m1(num){return 10;} 자바스크립트의 특징 - 호이스팅- 브라우저는 자바스크립트 코드를 실행하기 직전에 모든 스크립트 코드를 확인 후 변수와 함수 선언하는 부분을 해당 영역의 최 상단으로 이동시킨다. - 변수와 함수 둘다 허용. ex)f4();//함수 호이스팅function f4(){console.log("F4");} 분명 함수를 아래에 선언하고 함수선언 전에 f4(); 함수를 호출했는데 호출이 됨! //변수 호이스팅console.log(address);var address="서울시 강남구";변수를 더 아래에 선..
자바스크립트의 자료형1.Number- 숫자형(정수 + 실수)- 오라클 유사 2. String- 문자형, 문자열 모두 포함3. Boolean- 논리형4. Object- 객체형- 기본으로 제공되는 클래스 객체의 자료형5. 기타a. null : var 변수 = null; 이라고 일부로 값에 null을 선언한 형태.b. undefined : var 변수; 의 상태, 선언은 했지만 아직 값을 대입하지 않았을때의 값.c. NaN : Not a Number(난) -> 숫자가 아니다.. ex) console.log("10점"*2); //NaN 반환 변수, 상수 1. 상수- 자바의 상수 표기법과 동일 (var SANGSU = 10; 변수명 대문자로...)- 10(정수), 0.1(실수),"문자열",true(논리)2. 변수..
Javascript의 개념 및 배경자바스크립트란?- 브라우저에서 동작하는 프로그래밍 언어(런타임 : 브라우저)- 브라우저가 아닌 다른 환경에서 동작이 가능(Node.js)- 가볍고 쉽다.(무겁고 어렵다(요즘))- C 계열 언어(기본 문법이 자바와 동일)- 초반 : 유효성검사 + 링크 제어 + 이미지 제어 + 폼태그 제어 등- 중반 : 모든 태그를 제어- 현재 : 브라우저가 아닌 독립실행이 가능 형태 개발 1. html : 뼈대 + 데이터2. CSS : 1의 결과물 + 서식3. Javascript : 1 + 2의 결과물 + 프로그래밍 기능 Javascript 하는 일?1.기본적인 언어로서 할 수 있는 행동- 데이터 연산- 변수- 조작, 가공- 제어- 기타 등등.. 2. 브라우저에 특화된 행동- HTML C..