본문 바로가기

Webstoryboy

Category

Explanation

REFERENCE/JAVASCRIPT

(65)
자바스크립트 인덱스 자바스크립트 인덱스 자바스크립트 인덱스입니다. html
[Javascript] isInteger() isInteger() 주어진 값이 정수인지 판별합니다. isInteger() 주어진 값이 정수인지 판별합니다. window.open(URL, Name, Option, replace); 옵션 옵션 설명 입력 height 새로운 윈도우 창의 높이 값을 설정합니다. 픽셀 width 새로운 윈도우 창의 너비 값을 설정합니다. 픽셀 left 새로운 윈도우 창의 왼쪽에서부터 위치를 설정합니다. 픽셀 top 새로운 윈도우 창의 위쪽에서부터 위치를 설정합니다. 픽셀 location 주소 입력창의 유무를 설정합니다. yes | no | 1 | 0 menubar 메뉴의 유무를 설정합니다. yes | no | 1 | 0 resizable 화면 크기 조절 유무를 설정합니다. yes | no | 1 | 0 status 윈도우의..
[Javascript] open() open() 윈도우 새창을 열어줍니다. open() open()은 새로운 윈도우 새창을 열어줍니다. window.open(URL, Name, Option, replace); URL : 새로운 윈도우 창의 주소를 입력합니다. name : 새로운 윈도우 창의 속성 또는 이름을 설정합니다 _blank : 새로운 윈도우 창이 열립니다.(기본값) _parent : 부모 프레임에서 열립니다. _self : 현재 페이지를 대체합니다. _top : 로드된 프레임셋을 대체합니다. name : 임의적인 이름을 설정합니다. Option : 새로운 윈도의 여러가지 속성을 적용합니다. replace : 히스토리 목록에 새 항목을 만들지 현재 항목을 대체할지 지정합니다. 옵션 옵션 설명 입력 height 새로운 윈도우 창의 높이..
[Javascript] Object 객체 Object 객체 Object 객체는 자바스크립트의 최상위 객체입니다. Object 객체 생성 var object = {}; var object = new Object(); Object 객체의 메서드 종류 설명 constructor() 객체의 생성자 함수를 나타냅니다. hasOwnProperty() 객체에 name 속성이 있는지 확인합니다. isPrototypeof() 객체가 Object 프로토타입인지 검사합니다. propertyIsEnumerable() 반복문으로 열거 할 수 있는지 확인합니다. toLocaleString() 객체를 호스트 환경에 맞는 언어의 문자열로 변경합니다. toString() 객체를 문자열로 변경합니다. valueOf() 객체의 값을 나타냅니다. Sample1 객체에 속성이 있으..
[Javascript] setTimeout() setTimeout() setTimeout() 일정 시간 후 함수를 한 번만 실행합니다. setTimeout() setTimeout() 일정 시간 후 함수를 한 번만 실행합니다. setTimeout(함수, 시간); 비교(Compare) 일정한 시간마다 함수를 반복해서 사용한다면 setInterval()을 사용합니다. 일정한 시간 후에 함수를 한 번만 사용한다면 setTimeout()을 사용합니다. 일정한 시간마다 함수를 반복해서 사용하는 것을 중지할려면 clearInterval()을 사용합니다. 일정한 시간 후에 함수를 한 번만 사용하는 것을 중지할려면 clearTimeout()을 사용합니다. Sample1 일정한 시간마다 함수가 실행되는 예제입니다. 결과 함수가 실행되었습니다. html 호환성(Comp..
[Javascript] setInterval() setInterval() setInterval() 일정 시간마다 함수를 반복해서 실행합니다. setInterval() setInterval() 일정 시간마다 함수를 반복해서 실행합니다. setInterval(함수, 시간); 비교(Compare) 일정한 시간마다 함수를 반복해서 사용한다면 setInterval()을 사용합니다. 일정한 시간 후에 함수를 한 번만 사용한다면 setTimeout()을 사용합니다. 일정한 시간마다 함수를 반복해서 사용하는 것을 중지할려면 clearInterval()을 사용합니다. 일정한 시간 후에 함수를 한 번만 사용하는 것을 중지할려면 clearTimeout()을 사용합니다. Sample1 일정한 시간마다 함수가 실행되는 예제입니다. 결과 함수가 실행되었습니다. 함수가 실행되었..
[Javascript] 가변인자 함수 가변인자 함수 가변인자 함수는 매개 변수의 지정없이 사용하는 함수입니다. 가변인자 함수 가변인자 함수는 매개 변수의 지정없이 사용하는 함수입니다. arguments는 가상 공간에 변수 값을 지정하여 배열 형태로 사용합니다. function 함수 이름(){ //실행코드 //arguments.length //arguments[i] } Sample1 화살표 함수를 사용하는 기본 예제입니다. 결과 15 15 html
[Javascript] 클로저 클로저 클로저 Sample1 화살표 함수를 사용하는 기본 예제입니다. html + 0
[Javascript]  내부 함수 내부 함수 내부 함수는 함수 안에 함수를 선언하는 함수를 말합니다. 내부 함수 내부 함수는 함수 안에 함수를 선언하는 함수를 말합니다. function 외부 함수이름(){ //실행 코드 function 내부 함수이름(){ //실행 코드 } 내부 함수이름(); } 외부 함수이름(); Sample1 화살표 함수를 사용하는 기본 예제입니다. 결과 함수가 출력되었습니다. 함수가 출력되었습니다. html
[Javascript] 콜백 함수 콜백 함수 함수를 변수에 저장하고 변수를 함수의 인수로 사용하여 매개변수에 전달하는 함수입니다. 콜백 함수 콜백 함수는 매개변수로 전달하는 함수입니다. Sample1 화살표 함수를 사용하는 기본 예제입니다. 결과 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. 함수가 실행되었습니다. html Sample2 콜백함수를 이용한 오름차순 내림차순 예제입니다. 결과 내림차순 : 200,100,90,70,50,30,10,0 오름차순 : 0,10,30,50,70,90,100,200 html
[Javascript] 화살표 함수 화살표 함수 화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 좀 더 간단하게 함수를 사용할 수 있는 함수입니다. 화살표 함수 화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 좀 더 간단하게 함수를 사용할 수 있는 함수입니다. () => { //실행문 }; 화살표 함수 규칙 매개변수가 하나인 경우 괄호를 생략할 수 있습니다. 매개변수가 두개 이상인 경우 괄호를 생략할 수 없습니다. 코드블록을 지정하지 않고 한 문장으로 작성시 return 문은 생략할 수 있습니다. 코드블록을 지정했을 경우 return 문은 생략할 수 없습니다. Sample1 화살표 함수를 사용하는 기본 예제입니다. 결과 1. 기본함수: func..
[Javascript] 템플릿 리터럴 템플릿 리터럴 템플릿 리터럴은 백틱(backtick) 문자 `를 사용하여 새로운 문자열을 삽입할 수 있는 기능을 제공합니다. 템플릿 리터럴 템플릿 리터럴은 백틱(backtick) 문자 `를 사용하여 새로운 문자열을 삽입할 수 있는 기능을 제공합니다. 이를 문자열 인터폴레이션(String Interpolation)이라 합니다. `${ … }` Sample1 템플릿 리터럴을 사용하는 기본 예제입니다. 결과 1. 함수가 실행되었습니다. 2. 함수가 실행되었습니다. 3. 함수가 실행되었습니다. 4. 함수가 실행되었습니다. html Sample2 배열과 템플릿 리터럴을 사용하는 기본 예제입니다. 결과 HTML은 1단계 입니다. CSS은 2단계 입니다. 3단계은 3단계 입니다. 공부하는 단계는 총3단계 입니다. h..