취미처럼

Javascript에서는 함수를 변수에 저장할 수 있고, 함수 안에 return을 함수로 하여 return된 함수를 변수에 담아 실행할 수 있다. 1. 변수에 함수 저장 function printName(name) { console.log(name); } printName('test1'); var func = printName; func('test2'); 2. 매개변수로 함수 사용 function test1() { console.log('test1'); } function test2() { console.log('test2'); } function run(func) { func(); } run(test1); run(test2); 3. return값으로 함수 사용 function test() { funct..

var array = [4, 2, 1, 3, 5]; array.sort(function(a, b) { return a - b; }); console.log(array); console.log("============================================================"); var items = [ { name: 'Edward', value: 21 }, { name: 'Sharpe', value: 37 }, { name: 'And', value: 45 }, { name: 'The', value: -12 }, { name: 'Magnetic', value: 13 }, { name: 'Zeros', value: 37 } ]; for(var i=0; i < items.lengt..

1. 함수 단위의 유효범위와 변수명 중복 변수의 범위는 변수를 선언한 장소에 따라 결정 함수 밖에서 선언한 변수는 전역변수가 되고 함수에서 선언한 변수는 지역변수가 됨 var scope = 'Global'; function test() { var scope = 'Local'; return scope; } console.log(test()); --> Local console.log(scope); --> Global 2. 함수 단위의 유효범위 함수 안에서 선언된 변수라면 함수 안에서 사용 가능 function scopeTest() { var scope_a = 0; if (true) { var scope_b = 0; for (var scope_c = 0; scope_c < 5; scope_c++) { cons..

1. var(Fuction-Scope) es2015 전까지 변수를 선언하던 방식 for(var i=0; i " + i); } console.log("for out i -> " + i); 다른 언어에서는 함수 바깥에서 i를 호출했기 때문에 오류가 발생하지만, Javascript에서는 for문 안에서 선언된 변수 i가 호이스팅 되었기 때문에 결과가 출력됨 var test = 'test1'; var test = 'test2'; console.log(test); test2 = 'test3'; var test2; console.log(test2); 문제점 1. 중복된 변수를 선언해도 문제가 발생하지 않음 2. 초기화 한 후에 변수를 선언해도 호이스팅 때문에 ..

1. 암시적 형변환 Javascript 엔진이 필요에 의해 암시적으로 형을 자동으로 변환시키는 것 var test = 10 + "1"; console.log(test) //101 암시적 형변환 규칙 결 과 예 시 number + string string var test= 10 + "10"; // 1010 boolean + string string var test= true + "10" //true10 boolean + number number var test= true + 10 // 11 2. 명시적 형변환 개발자가 Javascript를 이용하여 어떤 형으로 바꿀지 명시해주는 것 //문자를 정수 형으로 var test = "123.456"; test = parseInt(test); //실행결과 123 v..

1. Cookie 사용자가 웹 사이트를 방문할 경우 해당 사이트에서 사용자의 컴퓨터에 저장하는 정보 쿠키는 다른 페이지들 사이에서 세션정보를 유지하는데 사용 쿠키의 형태는 웹 스토리지와 동일하게 키와 값으로 이루어져 있으며, 사용자 로컬에 텍스트 형태로 저장 2. Cookie 특징 하나의 웹 브라우저에 쿠키를 300개 이상 보관할 수 없음 동일 웹서버에 쿠키를 20개 이상 보관할 수 없음 각 쿠키의 크기는 4KByte를 넘지 못함 3. Cookie 의 property document.cookie="name=value[; expires=expires] [; path=path] [; domain=domain] [; secure]"; property description name=value 쿠키의 이름과 값을..

try : 실행할 코드 입력 catch : try 블록 내에서 예외가 발생할 경우 호출되는 블록 finally : try 블록 안에서 예외가 발생하거나, 발생하지 않거나 상관 없이 무조건 실행되는 블록 throw : 예외를 강제로 발생시켜야 할 경우 function customException(name, message) { this.name = name; this.message = message; } function exceptionTest(param) { try { console.log('try : ' + param); if( param == 'custom') { throw new customException('customException', 'customException 강제발생'); } } catc..

item1 item2 item3 itemList 클릭 시 test에 붙여넣는 이벤트를 구현할 때 item class를 찾아 class를 가진 해당 li 태그에 이벤트를 추가 li태그가 많아진다면 모두 DOM에 등록되어 비효율적인 코드가 됨 item마다 EventListener를 생성하는 것보다 itemList를 DOM에 등록하여 EventListener가 사용자가 클릭한 item을 찾아 이벤트를 발생시키는 것이 효율적임

window 객체 - 전역 객체이자 최상의 계층의 객체 브라우저 창 하나에는 각기 하나의 window 객체가 있음 1.DOM(Document Object Model) 웹 페이지 내의 모든 요소에 접근 가능케하는 표준 API HTML의 기본 구조는 최상위 객체로 이 있으며 그 하위 객체로는 와 가 있음 문서객체모델(DOM)을 통해 여러 요소들을 객체로 선택하여 속성을 바꾸고 Style을 CSS를 통해 변경할 수 있음 2.BOM(Browser Object Model) 브라우저에 계층적으로 내장되어 있는 객체 웹 브라우저 기능 요소를 직접 관리/제어할 수 있는 특별한 객체 모음 ex) navigator, screen, location, frames, history, XMLHttpRequest ... 3.Jav..