자바스크립트에서 숫자는 객체이다.아무렇지 않게 작성하던 숫자에도 다양한 메소드들이 있는데숫자형이 가지고 있는 모든 메소드를 다루기보다 가장 많이 사용되는 두 가지 정도만 살펴보겠다. toFixed MethodtoFixed 메소드는 소수를 다룰 때 사용하는 메소드로,파라미터로 숫자 값을 전달해 주면 그만큼 소수점 아래의 자릿수를 고정해 주는 메소드이다. //Number let myNumber = 0.3591; //toFixed(0 ~ 100) console.log(myNumber.toFixed(3));▲ 범위는 0부터 100까지이며, myNumber에 0.3591이라는 숫자를 할당해 주고있고toFixed 메소드를 호출하고있다.파라미터로 숫자 3을 전달해 주고있다.그러면 0.3591 ..

자바스크립트에는 다양한 숫자 표현 방법이 있다.만약 10억을 입력하고 싶다면 그냥 숫자1과 뒤에 0을 9개 붙여주면 된다.ㅋㅋ // 숫자 표기법 let number = 1000000000 그런데 이렇게 단위가 큰 정수나 자리수가 많은 소수의 경우에는 알파벳 e를 활용해서 숫자를 조금 간결하게 표현할 수 있다.▼ let myNumber = 1e9 한번 출력과 동시에 일치 비교를 해보자면.. // 숫자 표기법 let number = 1000000000 let myNumber = 1e9 console.log(number); console.log(myNumber); console.log(number === myNumber); 실행해보면 똑같이 10억이 출력되고 일..

배열의 요소에도 특별히 제한된 자료형이 없다.객체의 프로퍼티 값과 같이 어떠한 값이든 모두 할당할 수 있는데,그래서 배열 역시 배열의 요소가 될 수 있다. //다차원 배열 let twoDimensional = [[1,2], [3,4]]▲ 이렇게 배열 안에 배열이 들어가게 되면 이것을 2차원 배열이라고 부른다.만약 배열 안에 2차원 배열이 또 들어가게 되면 3차원 배열이라고 부를 것이다.이렇게 배열의 요소에 배열이 들어가는 형태를 가리켜서 다차원 배열이라고 부른다. 다차원 배열 (multidimensional array) //다차원 배열 let twoDimensional = [[1,2], [3,4]]▲ 이 2차원 배열의 각 요소에 접근하려고한다.만약 '2' 값에 접근하고 싶으면 일단 ..

클로저란? 함수와 함수가 선언되었을 때의 렉시컬 환경(Lexical environment) 의 조합을 의미한다.클로저는 자바스크립트에서 중요 개념이며 자바스크립트 뿐만 아니라함수를 객체로 사용하는 대부분의 소프트웨어 언어에서 제공되는 개념이다. 클로저는 자바스크립트에서 함수를 이용하기 위해서 자동으로 제공되는 개념이며클로저를 위해 개발자가 어떤 코드적인 프로그램을 작성해야 하는 것은 아니고클로저 개념을 접하면 실행 컨텍스트(Execution Context) 개념과 렉시컬 환경을 이해가 선행되어야 한다. ▼ 실행 컨텍스트 • 실행 컨텍스트란 함수의 실행 환경이며 함수가 실행되기 위한 정보를 가지는 객체이다.함수가 호출되어 실행되려면 함수에 전달된 매개변수 값, 함수내에 선언된 로컬 변수, 로컬 함수등을 이..

index가 있는 배열의 특징과 length 프로퍼티를 잘 활용하면 단순히 for문으로도 배열의 길이만큼 반복을 하면서 각 요소들을 다룰 수 있기는하지만for of 반복문으로 일반적인 for문보다 훨씬 더 간결하게 배열을 다룰 수있다. let members = ['행섭', '양천', '찌듕', '힝카인', '데셔', '스기따라','넌적혈구'] //단순 for문으로 작성 할 때 for(let i = 0; i   for...of 반복문객체를 반복할 때 사용했던 for...in문의 구조와 비슷하게 생겼는데for...in문은 객체가 들어가고 변수의 프로퍼티 네임이 할당되어있지만 of문은 배열의 요소가 할당된다. ▼ //for...in for (변수 in 객체) { 동작부분 ..

선언 및 생성• 객체의 모형을 선언하고 그 모형을 이용해 객체를 만드는 방법은 우리가 이미 살펴본 생성자 함수를 이용하는 방법이 있고 클래스를 이용하는 방법이 있다.생성자 함수를 이용하는 방법은 자바스크립트 초기부터 제공하던 전통적인 방법이며 클래스를 이용하는 방법은 ECMA2015부터 추가된 방법이며 ECMA2015에서 대부분의 소프트웨어 언어에서 객체지향을 위해 제공하는 클래스 방식을 지원하기 시작한 것이다. • 동일한 멤버로 구성되는 객체를 여러 개 만들기 위해서는우선 객체의 모형을 선언해야 하는데 이러한 모형이 클래스 이다.• 클래스는 class 라는 예약어로 선언되며 이 클래스내에 객체의 멤버인 프로퍼티와 함수를 선언하고클래스를 바탕으로 객체를 생성하기 위해서는 new 연산자를 이용한다.//클래..

splice 보다 조금 더 간결하게 코드를 작성할 수 있는 메소드가 여러가지 존재한다 shift 메소드shift 메소드는 파라미터가 없기 때문에 그냥 members.shift 라고 메소드를 호출한다. let members = ['행섭', '양천', '찌듕', '힝카인', '데셔', '스기따라','넌적혈구'] console.log(members); //splice보다 간결한 메소드 // 배열의 첫 요소를 삭제 - shift members.shift(); console.log(members);▲ shift 메소드를 사용해서 배열의 가장 첫 요소를 삭제하고 나머지 요소들은 앞으로 밀어줌에 따라제일 앞에 있는 '행섭' 요소가 삭제되고 나머지 요소들이 앞으로 밀림과 동시에 leng..

배열을 좀 더 안전하고 효과적으로 다루기 위해서는 배열의 메소드를 활용해야한다. let members = ['행섭', '양천', '찌듕', '힝카인', '데셔', '스기따라','넌적혈구'] // 3. array 요소 삭제 console.log(members); delete members[4]; //데셔 값이 삭제 되었으나 empty로 남아있음. console.log(members); 이전 글에 delete 연산자로 배열의 요소를 삭제하려고 했지만 완벽하게 지워지지 않았다.배열의 요소를 삭제할 때 가장 많이 사용되는 메소드는 'splice' 라는 메소드이다. splice let members = ['행섭', '양천', '찌듕', '힝카인', '데셔', '스기따라','..

여기 필자가 좋아하는 음식을 1등부터 4등까지 나열한 객체를 만들어 봤다. let favoriteFood = { '1st': '야채곱창', '2nd': '냉면', '3rd': '김치찌개', '4th': '갈비' } 그런데 이런 경우에는 프로퍼티 네임보다는 값들의 순서가 좀 더 중요한 상황이기 때문에프로퍼티 네임은 사용하지 않고 값들의 순서만 유지해도 될 것이다.이럴 때는 객체보다 배열(Array)를 활용하는 것이 좀 더 효율적이다. 배열(Array) let favoriteFoodList = [ //배열 생성 '야채곱창', '냉면', '김치찌개', '갈비' ]▲ 배열은 중괄호 대신 대괄..

지금까지 많이 사용했던 console.log 함수의 콘솔 객체처럼자바스크립트가 미리 가지고 있는 객체를 '내장 객체 (Standard built-in objects)' 라고 부른다.자바스크립트는 거의 모든 것이 객체로 이루어져 있기 때문에 특별한 기능별로 다양항 내장 객체들이 존재하는데,그 중 하나가 '날짜(Date)' 객체 이다. 날짜 (Date) 객체자바스크립트에서 날짜는 'Date' 객체로 다루며 초기 구성은 ' let 변수 = new Date();' 로 이루어져있다. //Date let myDate = new Date(); console.log(myDate);▲ myDate라는 변수를 선언한 다음에 new라는 키워드와 함께 Date 하고 함수처럼 소괄호를 열고 닫아준다. ※ Dat..