JavaScript 검색 결과

해당 글 163건

Node Object(노드 객체)

Node Object Node 객체는 DOM에서 시조와 같은 역할을 합니다. 다시 말해서 모든 DOM 객체는 Node 객체를 상속 받습니다. Node 객체를 그림으로 나타내면 아래와 같습니다. 오픈튜토리얼 참조 Node 의 주요기능 Node 객체의 주요한 임무는 아래와 같습니다. 관계 엘리먼트는 서로 부모, 자식, 혹은 형제자매 관계로 연결되어 있습니다. 각각의 Node가 다른 Node와 연결된 정보를 보여주는 API를 통해서 문서를 프로그래밍적으로 탐색할 수 있습니다.Node.childNodes Node.firstChild Node.lastChild Node.nextSibling Node.previousSibling Node.contains() Node.hasChildNodes() 노드의 종류 Node..
JavaScript/DOM(Document Object Model) 2016. 3. 2. 07:00

String.concat() & Array.concat()

문자열 객체와 배열 객체의 concat 메서드 String 클래스와 Array 클래스의 메서드인 concat 메서드에 대해 알아봅니다. String.concat() 문자열과 문자열을 합친 값을 리턴한다 Syntax JavaScript string1.concat(string2, string3[,..., stringN]) 인자(Parameters) string2....stringN - 필수, string1과 합칠 문자열들 설명(Description) string1과 stingN을 합친 값을 리턴한다. 문자열들 값은 변경되지 않는다. concatenation(접합)의 줄임말 예제 코드 JavaScript var s1 = "javaScript"; var s2 = "-"; var s3 = "자바스크립트로 배우는 ..
JavaScript/연산자ㆍ메서드ㆍ프로퍼티 2016. 2. 24. 07:00

charAt() & charCodeAt()

charAt 메서드 & charCodeAt 메서드 문자열 클래스 중에 charAt()과 charCodeAt() 에 대해 알아봅니다. charAt() charAt 은 문자열에서 인자로 주어진 값에 해당하는 문자를 리턴합니다. 문법 JavaScript charAt(index) 인자index - 필수0보다 큰 정수 설명(description) 문자열에 속하는 문자는 왼쪽부터 오른쪽까지 0부터 인덱싱되어 있습니다. charAt은 index로 주어진 값에 해당하는 문자를 리턴합니다. 인덱스는 0부터 시작하기 때문에 index로 들어갈 수 있는 가장 큰 수는 (문자열.legnth-1)이다. 존재하지 않는 index를 인자로 전달하면 공백이 출력됩니다. charAt 는 index에 해당하는 문자를 리턴하고, char..
JavaScript/연산자ㆍ메서드ㆍ프로퍼티 2016. 2. 23. 07:30

String.replace() 및 String.search()

javaScript replace method 문자열 객체의 replace() 메서드와 search() 메서드에 대해 알아봅니다. replace() replace 메서드는 문자열을 다른 문자열로 치환한 결과를 리턴합니다. 문법(Syntax) JavaScript string.replace(regexp|substr, newSubStr); 인자(Parameters) 인자명 데이터형 필수/옵션 설명 regexp 또는 substr regular expression 이나 string 필수 치환 대상. newString string 필수 치환할 문자열. 반환값(Return) string, 변경된 값을 리턴합니다. 설명(Description) 문자열에서 주어진 패턴(regexp|substr)에 해당하는 부분을 새로운 ..
JavaScript/연산자ㆍ메서드ㆍ프로퍼티 2016. 2. 19. 08:56

String.match()

자바스크립트 match 메서드 문자열 객체의 match 메서드에 대해 알아봅니다. match() 주어진 정규표현식과 일치하는 문자열을 반환합니다. 문법(Syntax) JavaScript string.match(regexp) 인자(Parameters) 인자형 데이터형 필수/옵션 설명 regexp regular expression 필수 정규표현식 패턴, regular expression object가 아니면 암시적으로 regular expression object로 형변환 반환값(Return) 정규표현식 패턴과 일치하는 문자열들을 담고 있는 배열을 리턴합니다. 해당되는 문자열이 없을 경우 null을 리턴합니다. 정규표현식에 일치하는 문자열이 있는지 없는지를 확인하는 위한 용도라면 regexp.text(str..
JavaScript/연산자ㆍ메서드ㆍ프로퍼티 2016. 2. 17. 08:29

정규 표현식 참고 자료 - RegExp

정규 표현식 정규 표현식과 관련해서 도움이 될만한 정보들에 대해 알아봅니다. 정규표현식 훏어 보기 초보자를 위한 정규 표현식 가이드 (자바스크립트 기준) from 민태 김 정규표현식 도식화 타인이 만든 정규표현식을 해석하거나 원리를 살펴볼때 그것은 마치 외계어를 마주친 난해한 느낌이 들곤 한다. 그런 정규표현식을 도식화해서 이해를 도와주는 REGEXPER 라는 웹애플리케이션이 있습니다. 아래와 같은 정규표현식을 도식화하면 : JavaScript /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/ 정규표현식 작성도구 정규표현식을 작성하는데 도움이 되는 RegExr 이라는 온라인 편집기가 있다. 단순히 편집기 역할만 하는..
JavaScript/정규표현식(RegExp) 2016. 2. 14. 16:07

정규표현식(RegExp) 기초

정규 표현식 정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구입니다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있는 하나의 언어라고 할 수 있습니다. 개념 정규표현식(Regular Expression)은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색'하거나 '치환'하는 과정을 매우 간편하게 처리 할 수 있도록 하는 수단입니다. 정규 표현식 생성 정규표현식은 두가지 단계로 이루어집니다. 하나는 컴파일(compile) 다른 하나는 실행(execution)입니다. 우선 컴파일부터 알아봅니다. 컴파일이란 검출하고자 하는 패턴을 만드는 일이고, 우선 정규표현식 객체를 만들어야 합니다. 객체를 만드는 방법은 두가지가 있습니다. a라는 텍스트를..
JavaScript/정규표현식(RegExp) 2016. 2. 10. 17:54

substr() vs substring() 메소드

substr & substring - 문자열 자르기 문자열 객체의 substr 메서드 및 substring 메서드에 대해 알아봅니다. 두개의 메소드 공통점은 원 문자열은 그대로 보존한다. substr() 문자열.substr(start, length)1. length값은 가져올 길이값이며, 생략가능하다. 2. 두번째 매개변수인 length값이 음수값일 경우 빈 값을 반환한다. (length값이 음수이라면 가져올 길이값이 마이너스이므로 당연히 빈값을 반환) 문자열에서 특정한 구간의 문자열을 추출한다. 문법(Syntax) JavaScript string.substr(start,length) 인자(Parameters) 인자명 데이터형 필수/옵션 설명 start number 필수 탐색 구간의 시작점(index) ..
JavaScript/연산자ㆍ메서드ㆍ프로퍼티 2016. 2. 10. 10:04

Math 클래스 - random 메서드 활용하기

random 메소드 Math 객체의 메서드 중에 random 메서드에 대해 알아봅니다. Math.random() 랜덤 숫자 생성하기 random 메서드는 0과 1사이의 랜덤한 수를 리턴합니다. 문법(Syntax) JavaScript Math.random() 인자(Parameters) 없음 반환값(Return) number 설명(Description) 0과 1사이의 수를 리턴함 Math.random()의 리턴값에 수를 곱하면 0부터 곱한 수 사이의 랜덤한 값을 구할 수 있습니다. 랜덤한 수를 발급하거나, 시스템적으로 불규칙한 행위가 필요할 때 사용할 수 있습니다. 예제 코드(Example) JavaScript console.log(Math.random()*100); // number, 0~100 사이의 랜..
JavaScript/연산자ㆍ메서드ㆍ프로퍼티 2015. 8. 20. 09:54

오브젝트(Object)와 인스턴스(instance),instanceof

Object 와 instance 의 차이점 처음 Object 를 공부할 때 Object 와 인스턴스에 대한 개념이 어렵게 느껴집니다. 오브젝트가 인스턴스이고 인스턴스가 오브젝트가 아닌가? 하고 말이죠. 오브젝트를 사용하여 오브젝트를 생성하면 Object 가 반환된다. 이때 반환된 Object 를 인스턴스(instance)라고 부른다. ES5 명세서에도 인스턴스로 표기하고 있다. new 연산자를 사용하여 오브젝트를 생성하여 변수에 할당할 수 있으며 변수에 할당된 오브젝트가 인스턴스인 것이다. 다음의 아래 코드를 보자. // new 연산자를 사용하여 Object를 생성 var obj = new Object(); // 변수 obj에 오브젝트를 생성한 것을 할당 // 이렇게 변수에 할당,반환된 오브젝트가 인스턴..
JavaScript/연산자ㆍ메서드ㆍ프로퍼티 2015. 6. 27. 17:54

Screen 객체와 MouseEvent객체의 위치 프로퍼티와 메소드

Screen 객체의 위치 프로퍼티와 메소드 아래 표의 프로퍼티 중에 width, height 인 프로퍼티는 현재 자신의 모니터 해상도를 기준으로 하고, availWidth, availHeight는 운영체제의 작업표시줄 영역의 크기를 뺀 크기이다. 프로퍼티 / 메소드 내용 screen.width, screen.height - 모니터(screen)해상도의 전체 넓이와 높이(작업표시줄 포함) screen.availWidth, screen.availHeight - 작업 표시줄이 포함되지 않은 모니터 해상도의 넓이와 높이 MouseEvent 객체의 위치 프로퍼티와 메소드 MS IE 에서는 아래의 표 중 클릭한 지역 위치가 담긴 offsetX, offsetY 프로퍼티를 제공하지만 비표준입니다. ( 단, 파이어폭스에..
JavaScript/위치 프로퍼티와 메서드 2015. 3. 16. 16:18

HTML Element 객체에서 제공하는 크기 및 위치 프로퍼티와 메소드

HTML Element 객체 HTML Element 겍체는 다섯 객체(window객체, document객체, html element객체,screen객체, mouseEvent객체)중에 위치 및 크기와 관련된 프로퍼티와 메소드를 가장 많이 포함한 객체이며 브라우저 화면에 보이는 대부분의 객체는 HTMLElement객체를 상속받았기 때문에 동적으로 요소를 움직여야 하는 경우 대부분이 이 객체의 프로퍼티와 메소드를 사용한다. 그룹 프로퍼티 / 메소드 내용 offset 그룹 offsetParent - offsetLeft, offsetTop의 기준이 되는 부모 엘리먼트 offsetWidth, offsetHeight - 해당 엘리먼트의 너비와 높이 ( 보더, 패딩, 스크롤바 포함 단, 마진은 제외) offsetLef..
JavaScript/위치 프로퍼티와 메서드 2015. 3. 16. 15:01

쿠키(Cookie)

쿠키(Cookie) 인터넷 웹사이트의 방문기록을 남겨 사용자와 웹사이트 사이를 매개해 주는 정보. (웹사이트에 접속할 때 자동적으로 만들어지는 임시 파일로 이용자가 본 내용, 상품 구매 내역, 신용카드 번호, 아이디(ID), 비밀번호, IP 주소 등의 정보를 담고 있는 일종의 정보파일)쿠키라는 명칭은 파일 용량이 작고, 이용자의 방문정보들이 마치 과자를 먹으면 으레 남겨지는 과자부스러기와 같다고 해서 붙여진 이름이다. 대부분의 웹브라우저는 쿠키 기능을 갖고 있으며, 네티즌이 쿠키를 받을 것인지 아닌지를 선택할 수 있는 기능도 포함돼 있다. 고객이 특정 홈페이지를 접속할 때 생성되는 정보를 담은 임시 파일로 크기는 4KB 이하로 작다. 쿠키는 애초 인터넷 사용자들의 홈페이지 접속을 돕기 위해 만들어졌다. ..
JavaScript/Core & 개념ㆍ용어 2015. 2. 26. 09:40