본문 바로가기

JAVASCRIPT

javascript BOM과 DOM BOM, Browser Object Model - 브라우저 객체 모델은 자바스크립트가 브라우저와 소통하기 위한 모델이다. - 자바스크립트로 HTML 문서상의 객체를 접근+조작하기 위한 객체 모델(체계) - 모든 브라우저 지원함 - 문서상의 일부 객체(태그)를 이미 정해진 트리구조를 통해서 접근+제어 모델(*****) - 객체(태그)를 식별하기 위한 식별자를 name 속성을 사용한다.(id, class 인식 못함.) - 객체(태그) 중 유일한 객체는 예약어를 제공한다. (window, document 등..) - BOM 트리에 포함되어 있지 않은 태그들은 접근 불가능(조작 불가능) - DOM Level 0(정식X) DOM, Document Object Model - 문서 객체 모델은 HTML, XML 문서.. 더보기
javascript 형변환(casting) 형변환, Type Casting- 대부분 상황에서는 자바스크립트가 자동으로 형변환을 한다.(암시적 형변환)ex) "10"*2 형변환 함수1. parseInt(문자) // 문자를 정수형 숫자로 변환해줌2. parseFloat(문자) // 문자를 실수형 숫자로 변환해줌 //예시 더보기
javascript 함수 javascript 함수(메소드),Function(Method) ** 자바 스크립트 함수 선언 함수 선언식 - Function Declarations : 일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식이다. function 함수명() {구현 로직} // 예시function m1(num){ =>function을 썻으면 반환값을 만드는게 좋다.return 10;} f1(); => 메소드 사용. function f2(name){console.log("안녕~ " + name);} f2("홍길동"); => 안녕~ 홍길동 함수 표현식 - Function Expressions : 유연한 자바스크립트 언어의 특징을 활용한 선언 방식 var 함수명 = function(){구현 로직} //예시var test = f.. 더보기
javascript 자료형 및 변수 **자바스크립트의 자료형 1. Number- 숫자형(정수 + 실수)- 오라클과 유사 2. String- 문자형, 문자열 모두 포함 3. Boolean- 논리형 4. Object- 객체형- 기본으로 제공되는 클래스 객체의 자료형 5. 기타a. null : 자바의 null과 같다.b. undefined : null과 유사c. NaN : Not a Number ** 변수, 상수1. 상수- 자바의 상수의 표기법과 동일- 10(정수), 3.14(실수), "문자열", true(논리) 2. 변수- 자바스크립트는 변수의 타입이 없다.- var 변수명;- ex) var age = 20;- ex) var name="홍길동";- ex) var now = new Date() => 객체 object- ex) var flag =.. 더보기
javascript 개념 javaScript- 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. - 브라우저에서 동작하는 프로그래밍 언어(런타임 : 브라우저)- 브라우저가 아닌 다른 환경에서 동작이 가능(NodeJS) - 초반 : 유효성 검사 + 링크 제어 + 이미지 제어 + 폼 태그 제어 등- 중반 : 모든 태그를 제어- 현재 : 브라우저가 아닌 독립 실행이 가능 형태 개발. ** JavaScrip로 하는 일 1. 기본적인 언어로서 할 수 있는 행동- 데이터 연산- 변수- 조작, 가공- 제어 2. 브라우저에 특화된 행동- HTML / CSS 요소에 대한 조작a. HTML 태그 생성b. HTML 태그 수정(조작)c. .. 더보기