목록분류 전체보기 (147)
FlowerBombs
Math 내장객체 수학과 관련된 기능을 제공한다.int abs(int param) param의 절대값을 리턴한다. int max(int a, int b) a와 b중에서 큰 값을 리턴한다.int min (int a, int b) a와 b중에서 작은 값을 리턴한다.int round(Number num) num을 소수점 첫째 자리에서 반올림한 결과를 리턴한다.int floor (Number num) 소수점 이하 값을 버린다.int ceil(Number num) 소수점 이하 값을 올린다. 랜덤값 얻기 Math.random() 함수는 0에서 1사이의 난수를 발생시켜 리턴한다. 실수 형태로 리턴되는 값은 범위르 ㄹ조절하기 쉽지 않기 때문에 다음과 같이 함수를 정의하여 사용해야 한다.function random(n1..
Array(배열)같은 종류의 변수를 캐비넷 같은 공간에 그룹화 한 형태 배열의 생성 var data = new array('a', 'b', 'c'); // 혹은 var data = ['a', 'b', 'c']; // 3 배열의 확장배열은 항상 처음부터 데이터를 갖는 상태로 생성할 필요는 없다.데이터가 저장되지 않은 상태의 빈 배열을 생성한 후, 순차적으로 index를 증가시키면서 값을 추가할 수 있다.// 빈 배열 만들기var data = []; // 배열의 확장data[0] = 100; data[1] = 200;data[2] = 300;// 값이 저장되지 않은 3,4 번째 위치는 undefined가 저장됨.data[5] = 400; 2차 배열하나의 배열에서 각 원소가 또 다른 배열로 구성된 경우var ..
객체 하나의 변수 안에 또 다른 변수들과 함수들을 기능의 성격에 따라 하나의 그룹으로 묶어서 포함시켜 놓은 형태. 객체는 웹 페이지에 보여지는 모든 것이 될 수 있다.* HTML 태그가 JS에서는 객체로 인식될 수 있다.* 즉, HTML 태그 안에는 변수와 함수가 내장되어 이싿는 의미가 된다.객체 안에 포함된 변수를 프로퍼티 혹은 멤버변수 라고 한다.객체 안에 포함된 함수를 메서드 라고 한다.메서드 안에서 같은 객체 내의 프로퍼티나 다른 메서드에 접근하기 위해서는 this 키워드를 사용한다. // 비어 있는 임의의 변수 = 객체var foo ={}; // 프로퍼티 정의foo num1 = 100;foo num2 = 200; // 메서드 정의foo.sum = function() {return this.num..
함수 정의의 또 다른 방법함수는 변수와 동급이다. 즉 변수에 함수가 대입될 수 있다.function hello() {alert("안녕하세요.");} var world = hello; // 변수에 함수를 대입한다.world(); // 함수가 대입된 변수는 그 자체가 함수가 된다. 위의 형태는 다음과 같이 축약 표현이 가능하다. // 대입문이므로 {}뒤에 세미콜론이 존재해야 한다.var world = function(){alert("안녕하세요.");}; world(); ㅡJavascript 4일차 요점정리
Javascript 구문 특성 Javascript는 태그가 서로 분리되어 있어도 실행시에는 하나로 병합되어 동작다. var a = 10; var b = 20; ... var c = a+b; 소스코드 실행시점 HTML 파일을 한 라인씩 해석하는 브라우저의 특성상 소스코드의 위치에 따라서 실행시점이 결정되므로 HTML 태그를 제어하고자 하는 경우 제어하려는 HTML 태그보다 소스코드가 나중에 명시되어야 한다. case1 - 태그 닫기 직전에 스크립트 코드 명시(제어할 대상을 먼저 인식하고 자바스크릡트 코드=>스파게티 코드가 되어 가독성 유지보스에서 좋지 않다)... document.getElementById("foo").innerHTML = "hello"; ㅊㅁㄴㄷ1 제어할 대상을 먼저 인식하고 자바스크릡트..
이벤트 이벤트란 사용자가 웹 페이지에서 행하는 어떠한 행위나 웹 페이지가 겪는 일련의 사건을 의미.* 행위 : 클릭, 마우스 이동 , 드래그 등* 사건: 로딩완료, 다른 페이지로 이동이벤트가 발생했을 때, 호출될 함수를 정의하고 연결하는 과정을 이벤트 처리라고 한다. 대표적인 이벤트 종류이벤트 이름 설명 onClick 어떤 요소를 클릭한 경우 onMouseOver 어떤 요소 위에 마우스 커서가 올라가 있는 경우 onMouseOut 어떤 요소 위에서 마우스 커서가 벗어난 경우 (onLoad (body태그에 적용하여)페이지의 로딩이 완료된 직후 이벤트 사용 방법javascript 함수를 미리 정의해 두고 HTML 태그의 속성형태로 이벤트 이름을 명시한 다음 함수의 호출구문을 속성에 대한 값으로 지정한다.fu..
내장함수 자주 사용되어지는 공통 기능들에 대하여 미리 구현되어진 함수, 웹 브라우저에 미리내장되어 있으므로 개발자는 함수의 없이 함수를 호출하고 적절한 리턴값을 받아 활용할 수 있다. 문자열에 대한 숫자, 수식 변환Number eval(String)ㆍ주어진 수식 형태의 문자열을 실제로 계산되어진 결과값을 리턴한다.Number Number(string)ㆍ주어지는 숫자 형태의 문자열을 Number타입의 값으로 변환하여 리턴한다.정수와 실수를 모두 지원한다.Number paraseInt(string)ㆍ주어진 숫자 형태의 문자열을 Number타입의 값으로 변환하여 리턴한다.정수만 지원한다. 문자열이 실수 형태인경우 소수점 아래부분을 잘라낸다.참괴: 주어진 문자열을 무조건 실수 형태로만 리턴하는 함수는 paeas..
Javascript 작성 방법Javascript는 HTML 소스코드에 포함되는 형태로 작성된다. HTML 소스코드에 포함시키기다음의 코드를 HTML 소스코드 안에 명시, 일반적으로 에 위치한다.... javascript 구문... 외부 파일에 대한 참조를 포함시키기 결과를 출력시키는 방법화면에 메시지 박스 형태로 표시하기alert(내용) 브라우저의 개발자도구 내에 포함된 콘솔을 통한 출력console.log(내용) 변수데이터를 저장하기 위한 키워드. 변수를 사용하기 위해서는 선언과 할당의 과정이 필요하다. var 변수이름; // 변수의 선언변수이름 = 값; // 선언된 변수에 값 할당 선언과 할당을 결합한 형태.var 변수이름 = 값; 변수의 이름은 영어+숫자+언더바의 조합으로 구성한다.띄어쓰기가 필요한..