본문 바로가기

분류 전체보기433

자바스크립트-브라우저 객체 모델 브라우저 객체 모델브라우저 객체란?->브라우저에 내장된 객체를 ‘브라우저 객체’라고 한다. window는 브라우저 객체의 최상위 객체이며 window객체에는 하위 객체가 포함되어 있다. 계층적 구조이며 BOM이라 한다.window하위 객체들: document, screen, location, history, navigator -window 객체메서드 종류1.open(“URL”,“새창 이름”,“새창옵션”) : URL 새창으로 나타냄2.alert(data) : 경고 창 데이터를 보여줌 사용후 다음 코드 수행3.prompt(“질문”,“답변”) : 질의 응답 창4.confirm(“질문 내용”) : 질문 내용으로 확인이나 취소 창을 나타냄 확인은 true 취소는 false 반환5.moveTo(x,y) : 지정한 .. 2018. 11. 13.
자바스크립트 내장객체 -내장객체앞에서 언급했듯 내장 객체란 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다. 필요한 경우 객체를 생성해서 사용할 수 있다.내장 객체로는 문자(String), 날짜 (Date) 배열(Array), 수학(Math) 정규표현 객체(RegExp Object)등이 있다. -내장 객체 생성하기객체를 생성할 때는 new 라는 키워드와 생성 함수를 사용한다. 기본형 | 참조변수 (인스턴스 이름) = new 생성함수() -날짜 정보 객체날짜나 시간 관련 정보를 제공받고 싶을 때는 날짜 객체를 생성합니다.D-day계산기나 달력등을 만들 수 있습니다. 기본형 | 참조변수 = new Date() ; ->현재 날짜의 정보를 제공하는 Date객체 기본형 | 참조변수 = new Date(“연/월/일”); ex) va.. 2018. 11. 12.
자바스크립트 객체란 ? -who is 객체 ?자바스크립트는 객체(Object)기반 언어이다. 객체는 기능과 속성을 가지고 있다. 주변의 모든 사물들을 객체라고 합니다.ex) Object (객체 ) --------메서드(Method) (ex TV) 1.켜다(); 2.끄다(); 3.볼륨을 높이다(); --------속성 (Property) 너비,높이,색상,무게; 기본형 | 1.객체.메서드(); 2.객체.속성; OR 3.객체.속성=값;->1.객체의 메서드를 실행 2.객체의 속성값을 가져옴 3.객체의 속성값을 바꿈. -객체의 종류자바스크립트의 객체는 크게 내장객체, 브라우저 객체모델 (BOM, Browser Object Model), 문서 객체 모델(DOM,Document Object Model)로 나눌 수 있다. 내장 객체->자바스.. 2018. 11. 8.
자바스크립트 선택문과 반복문 -선택문선택문인 switch문은 변수에 저장된 값과 switch문에 있는 경우 (case) 값을 검사하여 변수와 경우의 값에서 일치하는 값이 있을 때 코드를 실행.데이터가 없으면 마지막 default에 있는 코드를 실행하고 종료한다. %if문과 차이점 : if문은 데이터가 여러 개일 경우 사용 switch는 여러 경우의 값 중 일치하는 경우 -반복문반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있다.반복문에는 while, do while , for문이 있다. 1)while문-조건식을 만족할 때까지 코드를 여러 회 반복 기본형 | var변수=초깃값; while(조건식) { 코드 ; 증감식 ; }->조건식을 검사 후, 만족하면 중괄호안에 있는 코드와 증감식 실행 그리고 다시 조건식 검사 (무한.. 2018. 11. 8.
자바스크립트 -제어문 -제어문이란 ?제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 문장입니다.ex)조건문 : if,else,else if –조건에 따라 특정 코드 실행 선택문 : switch - 일치하는 경우의 값이 있을 경우 코드 실행 반복문 : while, for문 – 코드를 지정한 횟수 만큼 반복 실행 -조건문조건식의 값이 참인지 거짓인지에 따라 자바스크립트 코드를 제어. if문-조건식을 만족 (true)일 경우 코드 실행 반환값 : true OR false 기본형 | if(조건식) { 자바스크립트 코드 ; } -조건식에 논리형 데이터가 아닌 다른 형이 오는 경우조건식에 논리형 데이터(true,false)가 아닌 다른 형의 데이터가 입력되어도 true또는 false로 인식 됩니다.다음 값이 조건식에 입력되면 fa.. 2018. 11. 8.
자바스크립트 연산자 연산자란 ?-빼기,더하기,곱하기,나누기 , 비교등을 하는 일련의 작업. -산술 연산자+,-,*,/,% 가 있다. 연산을 하기 위해서는 연산 대상 데이터가 반드시 2개 있어야 한다. -문자 결합 연산자문자 결합 연산자는 피연산자(연산 대상 데이터)가 문자형 데이터이다.여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용.더하기에 피연산자로 문자형 데이터가 한 개라도 포함되어 있으면 다른 피연산자의 데이턴느 자동으로 문자형 데이터로 형 변환되고 문자 결합이 이루어 진다. ->즉, 숫자형과 문자형이 섞이면 문자형 데이터로 저장된다. 기본형 | 문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터 ex) “do it ” + “hi” =“do ti hi” ; 문자형 데이터 + 숫자형 데이터 = 하나의 문자.. 2018. 11. 6.

티스토리툴바