[JavaScript (10)] Javascript Math 객체, Math 메소드(Math.random, Math.round 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Math ] 입니다. : ) 0. Math 객체 - Math 객체는 수학 상수와 함수를 위한 프로퍼티, 메소드를 미리 구현해 놓은 빌트인 객체 이다. - 생성자(constructor)가 존재하지 않는다. Static 프로퍼티와 메소드만 제공기 때문에 인스턴스를 생성할 필요 없이 바로 사용 가능하다. ▶ 1. Math 메소드 - 정말 많은 메소드를 제공하는데, 자주 사용하거나, 유용한 메소드만 알아보자. - 다양한 메소드 중 표시한 7가지 메소드만 알아도 기본 업무에는 지장이 없을 것이다. 1) Math.ra..

[JavaScript (9)] Javascript Number 객체, Number 메소드 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Number ] 입니다. : ) 0. Number 객체란 - 보통 자바스크립트에서 수를 표현할 때는 숫자 리터럴로 표현한다. var a = 7; - 하지만 수를 표현할 때 Number 객체로 생성할 수도 있다. 이 Number 객체를 숫자 값을 감싸고 있는 래퍼(wrapper)객체 라고 한다. var b = new Number(7); - Number 객체는 숫자(원시 숫자 자료형)를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 또한 간단하게는 문자열을 숫자로 변경해주는 용도로도 자주 사용된다. var c = new N..

[JavaScript (8)] Javascript prototype chain(프로토타입 체인) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 프로토타입 체인 ] 입니다. : ) 0. 들어가기 앞서 Java, C++ 등: 클래스 기반 객체지향 프로그래밍 언어 Javascript : 프로토타입 기반 객체지향 프로그래밍 언어 Java : 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. Javascript : 클래스 없이(Class-less)도 객체를 생성할 수 있다. 물론 ECMAScript 6에서 클래스가 추가 되었다. 하지만 자바스크립트는 여전히 클래스를 기반으로 하진 않는다. 위에서 정의한 것과 같이 Javascript는 자바스크립트는 클래스라는 개념이 없다. 그..

[JavaScript (7)] Javascript 함수2 - 기본 내장함수(eval, parseInt, encodeURI, encodeURIComponent 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 함수 - 기본 내장함수 ] 입니다. : ) 0. 들어가기 앞서 앞서 함수의 정의, 호출방법, 그리고 활용 방법 등을 간단히 알아 보았다. 자바스크립트는 사용자의 편의를 위해 몇가지 내장함수를 제공한다. 이중 사용시 유의해야할 함수, 그리고 매우 유용한 함수들이 있으니 알아보도록 하자. 1. 내장 함수 ▶ 1. eval() - 문자열을 코드로 인식하게 하는 함수. - eval("문자열") ex) var a = "1+1"; console.log(a); // 1+1 console.log(ev..

[JavaScript ] 카운트 다운 함수(Count Down Function) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 카운트 다운 함수 만들기 ] 입니다. : ) ★ 실행 예시 사진 ★ 0. 들어가기 앞서 많은 이벤트 페이지나, 신년 행사 등 특정 웹페이지에서 카운트 다운 되는 화면을 본 적이 있을 것이다. 스크립트로 카운트 다운 함수를 만드는 방법을 적어보려 한다. Sample01 : 내일까지 Sample02 : 2024년 4월 1일까지 Sample03 : 종료 케이스 ▶ 샘플 소스 - 미리 로딩 된 화면에 정의된 대로 1) 특정일 기준으로 카운트 다운 2) 특정일을 지난 경우 종료 처리 - Sample Source Code 1) html - html은 CountDown 노출할 특정 영역만 잡..

[JavaScript (6)] Javascript 함수(함수 기본, 재귀함수, 호이스팅 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 함수 ] 입니다. : ) 0. 들어가기 앞서 함수의 정의, 호출방법, 그리고 활용 방법 등을 간단히 알아보려 한다. 1. 함수(function) 기본 ▶ 1. 함수(function)란? - 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 - javascript에서 코드 집합을 나타내는 자료형) - 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차 - 함수도 일반 객체처럼 값으로 취급된다. 즉 하나의 데이터 타입 이다. 이러한 특징때문에 자바스크립트의 함수는 일급 객체라고 하며, 변수에도 할당 가능하다. ※ 참고할 용어 ◎ 일급시민(F..