setInterval, setTimeout, 현재시간표시

setInterval 함수를 = 설정된 시간(초)마다 계속 반복 계산한다. setInterval (function(){ // 실행 }, 1000}; // 시간(초) var cnt = 0; setInterval(function(){ // 매 1초마다 함수를 실행 cnt++; console.log(cnt); }, 1000); // 1초마다 cnt ++ setTimeout 함수를 = 설정된 시간 후에 1번만 계산한다. setTimeout (function(){ // 실행 }, 1000); setTimeout(function(){ location.href='http://naver.com'; }, 3000); // 3초 후 네이버로 이동 현재시간 표시 setInterval window.onload = functi..

2021.12.03

JavaScript 문서 객체 조작

문서 객체의 스타일 조작 JavaScript에서 style 속성을 이용하여 문서 객체의 CSS의 속성을 제어할 수 있습니다. CSS에서 여러 단어로 이뤄진 속성은 - 로 구분되어 있었는데 (ex. font-size), JavaScript에서는 - (빼기로 인식) 를 사용하지 않고 다음 단어를 대문자로 사용하는 카멜표기법(Camel Case)으로 구분됩니다. (ex. fontSize) ['속성'] 대괄호를 사용하여 표기할 경우는 - 사용 가능합니다. 태그.style.속성='값'; 태그.stlye['속성'] = '값'; //문서 객체의 스타일 조작 window.onload = function(){ var header = document.getElementById('header'); header.style.b..

2021.12.03

BOM, DOM Object Model

브라우저 객체 모델 (Browser Object Model : BOM) 실제 우리가 사용하고 있는 브라우저와 관련된 객체의 집합이다. 대표적으로 window(최상위 객체), location, navigator, history, screen, document 객체가 있다. location Object 웹 링크, url에 관련된 객체 navigatior Object 브라우저의 탑재 메뉴들 관장 history Object 히스토리 관장 screen Object 윈도우 창, 사이즈 관장 (반응형 웹 관련) window 객체 ＊ 브라우저의 내장 객체 중 최상위 객체 ＊ 모든 전역 객체, 함수, 변수는 자동적으로 window 객체에 속함 ＊ 모든 전역 변수는 window 객체의 속성이 됨 ＊ 모든 전역 함수는 wi..

2021.12.02

Object 내장객체

내장객체 자바스크립트 내에 이미 만들어져 있는 객체 1. Number Object ＊숫자일 때 사용할 수 있는 객체 숫자.toFixed(1); 소수점 둘째 자리에서 반올림해서 소수 첫째 자리로 반환 var number = 273.5210332; var output = ''; output += number.toFixed(1) + '\n'; // ★number에 값이 숫자이기 때문에 메소드 사용 가능 output += 10.244457.toFixed(4); // 그냥 숫자도 가능 console.log(output); 2. String Object ＊ 문자일 때 사용할 수 있는 객체 문자.length 문자 열의 갯수를 숫자로 반환 문자.toUpperCase(); 소문자를 대문자로 반환 var character..

2021.12.01

Object 사용자 정의 객체

Object 객체(Object)란 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 가지고 있고, 다른것과 식별 가능한 것을 말한다. 객체는 속성과 동작으로 구성되어 있다고 보면 되는데 자바스크립트에서는 이 속성과 동작을 각가 property와 method라고 부른다. 객체 = property (속성, 변수, 함수) + method (함수) var a = [10,20,30]; console.log(typeof(a)); // object 또, 객체는 내장객체와 사용자 정의 객체 2가지로 나뉜다. 객체 예시 더보기 객체를 가장 잘 표현하고 있는 현실세계의 예시는 인간이다. property (속성) = 형태, 상태, 크기 이름, 키, 몸무게, 나이, 성별, 피부색, 팔2, 다리2, ....

2021.12.01

변수의 유효범위 scope

스코프란? ＊함수(function) 사용 시 변수/배열의 유효범위 ＊스코프(scope, 유효범위)는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적인 개념. 확실한 이해가 필요하다. ＊변수는 크게 '지역변수', '전역변수' 두 종류로 나눌 수 있다. 지역변수 ＊함수 내에서 만들어진다. ＊각각의 '함수 내에서 만들어진' 변수는 그 해당 함수에서만 사용할 수 있다. ＊보안에 취약하다 // 지역변수 function callFunc1() { var cnt1=100; // 지역변수 var cnt2=200; // 지역변수 } function callFunc2() { var result=0; // 지역변수 result = cnt1 + cnt2; // cnt1, cnt2는 선언되어 있지 않아 오류가 난다. aler..

2021.11.30