언어공부/JavaScript&jQuery (51) 썸네일형 리스트형 자바 스크립트(JavaScript) 기초 문법 - 브라우저 객체 (screen객체, history 객체, navigator 객체) 자바 스크립트(JavaScript) 기초 문법 브라우저 객체 브라우저에 내장된 객체를 '브라우저 객체'라고 한다. window는 브라우저 객체의 최상위 객체이며, window객체에는 하위 객체가 포함되어 있다. 계층적 구조로 이루어져 있으며 이를 브라우저 객체 모델(BOM, Browser Object Model)이라고 한다. screen 객체 screen 객체는 사용자의 모니터 정보(속성)을 제공하는 객체이다. location 객체 location 객체는 사용자 브라우저와 관련된 속성과 메소드를 제공하는 객체이다. 현재 URL에 대한 정보(속성)와 새로 고침(reload)메소드를 제공 종류 설명 location.href 주소 영역의 참조 주소를 설정하거나 URL을 반환 ex) location.href; .. 자바 스크립트(JavaScript) 기초 문법 - 브라우저 객체 (window 객체) 자바 스크립트(JavaScript) 기초 문법 브라우저 객체 브라우저에 내장된 객체를 '브라우저 객체'라고 한다. window는 브라우저 객체의 최상위 객체이며, window객체에는 하위 객체가 포함되어 있다. 계층적 구조로 이루어져 있으며 이를 브라우저 객체 모델(BOM, Browser Object Model)이라고 한다. window 객체 window는 브라우저 객체의 최상위 객체이다. 종류 설명 open("URL","새 창 이름","새 창 옵션") URL 페이지를 새 창으로 나타낸다. alert(data) 경고 창을 나타내고 데이터를 보여준다. 방문자가 [확인] 버튼을 누르면 alert( )를 사용한 다음 위치의 코드 수행. prompt("질문","답변") 질문과 답변으로 질의응답 창을 나타낸다. .. 자바 스크립트(JavaScript) 기초 문법 - 내장 객체 (문자열 객체) 자바 스크립트(JavaScript) 기초 문법 내장 객체 내장 객체(Built-in Object)란 브라우저의 자바스크립트 엔진에 내장된 객체를 말하며, 필요한 경우 객체를 생성해서 사용할 수 있다. 내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math), 정규 표현 객체(RegExp Object)등이 있다. 문자열 객체 문자열 객체(String Object)는 문자형 데이터를 객체로 취급하는 것으로, 자바스크립트에서 가장 많이 사용한다. 문자열 객체 생성은 아래와 같이 2가지 방법이 있다. 문자열 객체의 메소드 및 속성 종류 설명 charAt(index) 문자열에서 인덱스 번호에 해당하는 문자를 반환한다. ex) var str="hello"; str.charAt(4);.. 자바 스크립트(JavaScript) 기초 문법 - 내장객체 (배열 객체) 자바 스크립트(JavaScript) 기초 문법 내장 객체 내장 객체(Built-in Object)란 브라우저의 자바스크립트 엔진에 내장된 객체를 말하며, 필요한 경우 객체를 생성해서 사용할 수 있다. 내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math), 정규 표현 객체(RegExp Object)등이 있다. 배열 객체 변수에는 데이터가 한 개만 저장된다. 여러 개의 데이터를 한 곳에 저장을 하려면 배열 객체(Array Object)를 생성하면 된다. 자바스크립트 배열은 여러개의 타입을 혼합해서 저장할 수 있다. 각각의 데이터는 배열로 나누어진 저장소에 나열되며, 각각의 저장소에는 인덱스 번호가 부여된다. 인덱스 번호는 0부터 시작된다. 배열객체에 저장된 데이터 불러오기.. 자바 스크립트(JavaScript) 기초 문법 - 내장객체 (날짜객체/수학객체) 자바 스크립트(JavaScript) 기초 문법 내장 객체 내장 객체(Built-in Object)란 브라우저의 자바스크립트 엔진에 내장된 객체를 말하며, 필요한 경우 객체를 생성해서 사용할 수 있다. 내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math), 정규 표현 객체(RegExp Object)등이 있다. 내장 객체 생성하기 객체를 생성할 때는 new라는 키워드와 생성 함수를 사용한다. 여기서 new 키워드와 기본 객체 생성 함수 Object()를 이용해 객체를 생성한다. (사용자 정의 객체) 위 코드에서 생성된 객체는 변수 tv가 참조하고 있으며, 이를 이용해 객체의 속성과 메소드를 생성한다. 변수를 이용해 참조를 한다는 말은 앞으로 생성된 객체를 이용할 때 참조변.. 자바 스크립트(JavaScript) 기초 문법 - 객체 자바 스크립트(JavaScript) 기초 문법 객체 자바스크립트는 객체 기반 프로그래밍 언어이다. 객체를 구성하는 요소로는 속성(Property)과 기능(Method)가 있다. 자바스크립트에는 다양한 객체가 내장되어 있고 객체를 생성할 수 있다. 속성은 객체가 가지고 있는 특성값이고, 기능은 객체가 수행할 수 있는 행동이다. 객체의 종류 자바스크립트의 객체는 내장 객체, 브라우저 객체 모델(BOM, Browser Object Model), 문서 객체 모델(DOM, Document Object Model)으로 나눌 수 있다. 1) 내장 객체 내장 객체는 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용할 수 있다. 내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(.. 자바 스크립트(JavaScript) 기초 문법 - 제어문(반복문) 자바 스크립트(JavaScript) 기초 문법 제어문 제어문은 프로그램의 흐름을 제어하는 문장이다. 제어문에는 조건문, 반복문이 있다. 반복문 코드를 지정한 횟수만큼 반복해서 실행시킬 수 있다. 1) while문 while문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있다. 조건식을 검사하고 만족하면 중괄호에 있는 코드와 증감식을 실행하고, 다시 조건식을 검사해 조건식을 만족할 동안 while문의 코드가 반복 실행된다. 2) do while문 while문은 조건식의 만족 여부를 먼저 검사한 후 중괄호에 있는 코드의 실행 여부를 결정했다. 하지만 do while문은 반드시 한 번은 코드를 실행하고 조건식을 검사한다. do{ 처음에 한번은 반드시 실행; 조건식이 참일동안만 반복; 증감식; .. 자바 스크립트(JavaScript) 기초 문법 - 제어문(조건문) 자바 스크립트(JavaScript) 기초 문법 제어문 제어문은 프로그램의 흐름을 제어하는 문장이다. 제어문에는 조건문, 반복문이 있다. 조건문 조건에 따라 특정 코드를 실행시킬 수 있다. 조건식의 값이 true인지 false인지에 따라 자바스크립트 코드를 제어한다. 1) if문 if문은 조건식이 true일 경우에만 코드를 실행한다. if조건식에 숫자 0을 대입하면 Boolean()메소드에 0을 입력한 것과 결과가 같다. (=false) 이렇게 조건식에 논리형 데이터가 아닌 다른 형의 데이터가 입력되어도 true 또는 false로 입력된다. 0, null, ""(공백), undefined는 false로 인식한다. 2) if-else문 if-else문은 조건식을 만족하면 if문을 실행, 만족하지 않으면 el.. 이전 1 2 3 4 5 6 7 다음
