복리의 마법사

분류 전체보기 (910)

[자바스크립트 정리] 배열 원소의 추가,제거,정렬

카테고리 없음 복리의 마법사 2017. 10. 15. 17:01

참조 : 생활코딩 1. push 다음은 배열의 끝에 원소를 추가하는 방법이다. push는 인자로 전달된 값을 배열(li)에 추가하는 명령이다. 배열 li의 값은 a, b, c, d, e, f가 됐다.123var li = ['a', 'b', 'c', 'd', 'e'];li.push('f');alert(li); 2.concat다음은 복수의 원소를 배열에 추가하는 방법이다. concat은 인자로 전달된 값을 추가하는 명령이다.123var li = ['a', 'b', 'c', 'd', 'e'];li = li.concat(['f', 'g']);alert(li); 3. unshift다음은 배열의 시작점에 원소를 추가하는 방법이다. 배열 li는 z, a, b, c, d, e가 됐다. unshift는 인자로 전달한 값..

더 읽기

[자바스크립트 정리] 자바스크립트에서 False로 간주하는 네가지 유형

카테고리 없음 복리의 마법사 2017. 10. 15. 16:03

참조:생활코딩 1. 빈문자열인 경우 if문에서 false로 간주! 2. 값이 정의되지 않은 undefined인 경우 false로 간주! 3. null 형태인 경우 false로 간주! 4. NaN인경우 false로 간주 if(!''){ alert('빈 문자열')}if(!undefined){ alert('undefined');}var a;if(!a){ alert('값이 할당되지 않은 변수'); }if(!null){ alert('null');}if(!NaN){ alert('NaN');

더 읽기

[자바스크립트 정리] Null, undefined의 차이점 및 비교

카테고리 없음 복리의 마법사 2017. 10. 15. 15:35

참조: 생활코딩 undefined = 값이 정의되어 있지 않는 상태 ,undefined 데이터타입Null = 값이 없는 상태 / Null 데이터타입 +true, false 는 불리안변수이기 때문에 정수형 1, string형 1과 정확하게 같은건(===) 아님 123456789alert(null == undefined); //truealert(null === undefined); //falsealert(true == 1); //truealert(true === 1); //falsealert(true == '1'); //truealert(true === '1'); //false alert(0 === -0); //truealert(NaN === NaN); //falsenull과 undefined는 값이 없다는..

더 읽기

[자바스크립트 정리] 자바스크립트에서의 Math 객체

카테고리 없음 복리의 마법사 2017. 10. 15. 15:20

참조 : 생활코딩 Math2011-01-31 07:11:10요약(Summary)수학을 위한 객체문법(Syntax)12Math.property;Math.method();설명(Description)Math object는 인스턴스(instance)를 생성하지 않기 때문에 생성자가 없다. Math의 모든 맴버는 static method, static property이다.예제(Example)12var x = Math.PI;var y = Math.sqrt(); 123456Math.pow(3,2); // 9, 3의 2승 Math.round(10.6); // 11, 10.6을 반올림Math.ceil(10.2); // 11, 10.2를 올림Math.floor(10.6); // 10, 10.6을 내림Math.sqrt(9)..

더 읽기

[자바스크립트] Element 객체 :: 조회 API와 속성 API

카테고리 없음 복리의 마법사 2017. 9. 12. 22:06

[자바스크립트] Element 객체 :: 조회 API와 속성 API 참조 :: 생황코딩 1. 조회 API조회 API는 엘리먼트를 조회하는 기능이다. 조회 방법에 대해서는 이미 여러차례 살펴봤기 때문에 이번 시간에 알아볼 내용은 조회 대상을 제한하는 방법에 대한 것이다. 지금까지 document.getElementsBy* 메소드를 통해서 엘리먼트를 조회했다. document 객체는 문서 전체를 의미하는 엘리먼트이기 때문에 document의 조회 메소드는 문서 전체를 대상으로 엘리먼트를 조회한다. Element 객체 역시도 getElementsBy* 엘리먼트를 가지고 있는데 Element 객체의 조회 메소드는 해당 엘리먼트의 하위 엘리먼트를 대상으로 조회를 수행한다. 2. 속성 API 속성은 HTML에서 태..

더 읽기

[자바스크립트] Element 객체와 식별자 API

카테고리 없음 복리의 마법사 2017. 9. 12. 21:46

[자바스크립트] Element 객체 참조 :: 생활코딩 Element 객체는 엘리먼트를 추상화한 객체다. HTMLElement 객체와의 관계를 이해하기 위해서는 DOM의 취지에 대한 이해가 선행되야 한다. DOM은 HTML만을 제어하기 위한 모델이 아니다. HTML이나 XML, SVG, XUL과 같이 마크업 형태의 언어를 제어하기 위한 규격이기 때문에 Element는 마크업 언어의 일반적인 규격에 대한 속성을 정의하고 있고, 각각의 구체적인 언어(HTML,XML,SVG)를 위한 기능은 HTMLElement, SVGElement, XULElement와 같은 객체를 통해서 추가해서 사용하고 있다. 1) 식별자 API - 엘리먼트를 제어하기 위해서는 그 엘리먼트를 조회하기 위한 식별자 API - Element..

더 읽기

[자바스크립트] DOM 제어 대상 찾기 / document.getElementById / document.getElementsByTagName 등등

카테고리 없음 복리의 마법사 2017. 9. 5. 16:57

[자바스크립트] DOM 제어 대상 찾기 Dom = Document object model. 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미 window 객체의 document 프로퍼티를 통해서 사용 가능. Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용 document.getElementsByTagName 사용예시 문서 내에서 특정 태그에 해당되는 객체를 찾는 방법은 여러가지가 있다. getElementsByTagName은 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList라는 유사 배열에 담아서 반환한다. NodeList는 배열은 아니지만 length와 배열접..

더 읽기

[자바스크립트] 네비게이터 객체 / navigator 객체 / 크로스 브라우징 이슈

카테고리 없음 복리의 마법사 2017. 9. 5. 15:54

[자바스크립트] 네비게이터 객체 / navigator 객체 / 크로스 브라우징 이슈 브라우저의 정보를 제공하는 객체다. 주로 호환성 문제등을 위해서 사용한다 크로스 브라우징 이슈: 브라우징마다 다르게 동작하는 이슈 / 웹표준이 정착하기 이전까지는 navigator 객체를 많이 사용했었다. console.dir(navigator.appName); 웹브라우저의 이름을 알수가 있다. IE는 Microsoft Internet Explorer, 파이어폭스, 크롬등은 Nescape로 표시. console.dir(navigator.appVersion); 브라우저의 버전 console.dir(navigator.userAgent); 브라우저가 서버측으로 전송하는 USER-AGENT HTTP 헤더의 내용이다. appVer..

더 읽기

Copyright © 복리의 마법사 All Rights Reserved

Designed by JB FACTORY

티스토리툴바