KH/JavaScript 18

JS_ 사용자 객체(Object) 생성

개발자는 Array, String, Date등 자바스크립트에서 제공하는 코어 객체(내장 객체) 외에 새로운 타입의 객체를 만들어 사용할 수 있다. 개발자가 선언하는 새로운 객체 타입을 prototype(프로토타입)이라고 부른다. new Object() 로 객체 만들기 자바스크립트 코어 객체 중 Object 타입을 이용하면 사용자 객체를 만들 수 있다. [ 여러가지 방법으로 사용자 객체 생성해보기 ] ✔ new 방법으로 사용자 객체 만들기 new ✔ 리터럴 방법으로 사용자 객체 생성 리터럴 표기법으로 사용자 객체 만들기 결과는 동일하다. ✔ 프로토 타입 만들기 (자바와 유사) Account 프로토타입 만들기 다른 예제들 프로토 타입 Test book 객체 만들기

KH/JavaScript 2022.09.22

JS_Math , String ,Equality,Identity

Math Math 객체는 수학계산을 위해 다양한 프로퍼티와 메소드를 제공한다. Math 객체는 new Math() 로 객체를 생성하지 않고 Math.프로퍼티 또는 Math. 메소드() 로 만든다. 메소드 의미 abs(x) x의 절대값 리턴 sin(x) 사인값 리턴 exp(x) e의 x 제곱근 값 리턴 pow(x,y) x의 y 제곱값 리턴 random() 0~1 사이의 임의의 실수 리턴 floor(x) x보다 작거나 같은 수 중 가장 큰 정수 리턴(소숫점 이하 버림) round(x) x를 반올림한 정수 리턴 (소숫점 이하 반올림) ceil(x) 인수와 같거나 큰 수 중에서 가장 작은 정수 반환 (소숫점이하 올림) sqrt(x) x의 제곱근 리턴 프로퍼티 의미 E Euler 상수 PI 원주율 3.154592..

KH/JavaScript 2022.09.22

JS_ Javascript의 객체와 배열

Javascript의 객체와 배열 : 실세계의 객체들을 다룰 수 있도록 자바스크립트에 객체 개념이 도입되었다. 객체의 고유한 속성을 property라고 부르며 객체는 여러 property와 값의 쌍으로 표현된다. 또한 객체는 여러개의 함수를 가질 수 있는데 함수를 method라고 부른다. 메소드는 다른 객체나 코드로부터 호출되며, 주로 객체 내부의 프로퍼티 값을 조작하거나 연산을 수행하고 결과를 리턴한다. 객체 자바스크립트의 객체 유형 : 개발자가 자바 스크립트 코드로 객체를 만들어 사용할 수 있지만 브라우저는 많은 자바스크립트 객체를 만들어 제공하므로 이들을 사용하기만 하면 된다. 브라우저가 제공하는 자바 스크립트 객체는 다음 3가지 유형으로 나뉜다. 코어객체 기본객체로서 Array,Date,Strin..

KH/JavaScript 2022.09.21

JS_내장함수

javascript 내장함수 함수 이름 의미 eval( ) 문자열을 코드로 인식하게 하는 함수 parsInt( ) 문자열을 정수로 바꾸는 함수 parseFloat( ) 문자열을 실수로 바꾸는 함수 수로 시작할 때 그 수를 실수로 바꾼다. 띄어씌기로 여러개의 수가 있으면 첫번째 수만 바꾼다. 공백으로 시작하면 공백은 무시한다. 수가 아닌 문자로 시작하면 NaN을 반환한다. isFinite( ) 매개변수가 유한한 수인지 검사 유한한 숫자이면 true 무한한 숫자 또는 숫자가 아니면 false를 반환 123.123은 유한한 숫자이므로 true 반환 Infinity 는 무한한 숫자이므로 false를 반환 Not a Number은 문자이므로 false 반환 isNaN( ) 매개변수가 숫자인지 검사하는 함수 123..

KH/JavaScript 2022.09.20

JS_ Java와 비슷한 문법들

if_else문 if- else 문을 이용하여 학점매기기 prompt( ) 함수 : 사용자에게 입력을 요청하는 프롬프트 상자를 화면에 표시하기 위해 사용된다. 프롬프트 상자에서 계속 진행하려면 "확인" 또는 "취소" 버튼을 클릭해야 한다. 첫번째 인수는 프롬프트상자에 표시되는 레이블이며, 두번째 인수는 프롬프트 상자의 텍스트 박스에 표시되는 문자열이다. "확인" 버튼을 클릭하면 사용자가 입력한 값을 문자열로 반환 "취소" 버튼을 클릭하면 null을 반환 function prompt(message?: string, _default?: string): string (상단 메시지, 기본입력 메세지) : string타입 리턴 학점 매기기 2개를 더하는 경우에는 무조건 int형으로 변경해 주어야 한다. 왜냐하면 ..

KH/JavaScript 2022.09.20

JS_ 이미지 리스너 & 연산자

body내부에 Javascript 작성하는 방법 마우스를 클릭하세요 처음 화면 클릭 했을때 클릭 후 사진 밖으로 마우스 움직였을 때 " ' ' " 과 ' " " ' 형태 모두 작성 가능하다. 하지만 교차는 불가능. " ' " ' 이런식으로 교차하면 실행은 된다. 디버깅을 할려고 보면 그 구문이 아니라 그 아랫줄에서 오류가 발생했다고 뜬다. document 활용 지역변수와 전역변수 this는 script 전체를 말한다. 그냥 x 라고 하면 내부에 있는것 (지역변수)를 우선한다. document를 이용해서 script를 작성하면서 그 내부에서 바로 글을 작성 할 수 있다. 마우스를 올려보세요 여기에 마우스를 올리면 배경색이 노랑으로 변합니다. 여기에 마우스를 올리면 배경색이 바뀝니다. 여기에 마우스를 올리면..

KH/JavaScript 2022.09.19

JS _기본 내용들

JavaScript 언어 JavaScript 는 1995년 Netscape Cimmunicatuib Corporation 사에서 개발되고 Netscaoe Navigator 2.0브라우저에 최초로 탑재되어 웹 프로그래밍의 개념을 창시한 언어이다. 현재는 모든 브라우져에서 실행되는 웹 범용 언어가 되었다. 1. 자바스크립트는 조각난 소스 코드 형태로 HTML 페이지에 내장된다. 2. 자바스크립트 소스 코드는 컴파일 과정 없이 브라우져 내부의 자바스크립트 처리기(인터프리터)에 의해 처리된다. 3. 자바스크립트 C 언어 구조를 차용하고 단순화시켜 쉽게 배울 수 있다. 웹 페이지에서 자바 스크립트의 역할 : 웹 페이지는 HTML5 태그, CSS 스타일 시트, 자바스크립트 프로그램의 3가지 코드가 결합되어 작성된다..

KH/JavaScript 2022.09.19