본문 바로가기

IT/자바스크립트14

[javascript] 다차원 배열 만드는 3가지 방법 자바스크립트를 사용한다면 배열을 많이 사용한다. 하지만, 다차원 배열을 생성하려면 잠깐 머뭇거리기 마련이다.그 머뭇거림을 해결해보고자 이 포스팅을 작성한다. 우선,2차원 배열은 배열로 이루어진 배열이다. 3차원은 배열로 이루어진 배열의 배열이다. 4차원은 배열로 이루어진 배열의...... 다차원 배열의 의미는 다들 알고 있을테니,말장난은 그만하고 대표적으로 2차원 배열을 만들어보자(다차원 배열의 의미를 모른다면 다른 글을 참고하자. 이 글에서는 설명해주지 않는다.) 1. 배열 직접 선언 배열 기호나 Array를 이용해서 미리 선언하여 사용하는 방법이다. 다음 코드를 보자 const array = [[], []]; array[0][0] = 1; array[0][1] = 2; array[1][0] = 3; .. 2018. 8. 27.
[javascript] ES6 반드시 알아야할 문법 let, const 차이점 이전 포스팅에서는 let과 const의 공통적인 특징을 설명했다.let과 const의 특징을 알아보고 싶다면 이전 포스팅을 참고하자. 이번 포스팅에서는 let과 const의 용도 차이를 알아보도록 하자. let 과 const의 차이점 기본형 변수 선언 let과 const의 공통점은 es6에서 변수를 선언할 때 사용된다는 것이다. 그렇다면 그 차이점은 무엇인지 알아보자 기본형 변수(number, string, boolean, null, undefined)를 선언할 때 값의 변경이 필요할 경우 let을 사용하고 값의 변화가 필요없는 상수로 사용 될 경우 const로 선언 한다. 다음 코드를 보자 let letValue = 1; letValue = 2; const constValue = 1; constValu.. 2018. 8. 24.
[javascript] ES6 반드시 알아야 할 문법 let, const의 공통적인 특징 5가지 es5 에서 var는 유일하게 변수를 선언할 수 있는 키워드였다. var는 무척 너그러운 선언이므로 사용하려면 철저한 설계가 필요했다. 그렇지 않다면 심각한 문제를 초래할 수 있다. 이러한 문제들을 보완하려 es6에서는 let과 const 문법을 정의했다. let과 const 특성을 var와 비교하면서 알아보자 let과 const의 공통적인 특성이므로, 예제는 let을 이용해 작성했다. 1. 중복 선언 불가 var는 중복 선언이 가능하다. 다음과 같은 코드에서는 error가 발생하지 않는다. var varValue =1; var varValue =2; let은 다음과 같이 이미 선언된 변수라는 Syntax Error가 발생 된다. let letValue = 1; let letValue = 2; //Unc.. 2018. 8. 23.
[javascript] ES6 Arrow Function 화살표 함수 화살표 함수(arrow function)은 es6에서 정의한 문법이다. 화살표 함수는 function 을 이용해서 함수를 정의하는 것보다 더 간편하고 간략하게 표현할 수 있다. 문법 다음은 화살표 함수 사용 방법이다. () => {/*함수 정의*/} //인자가 없을 경우 a => {/*함수 정의*/} //인자가 한개일 경우 (a, b) => {/*함수 정의*/} //인자가 2개일 경우 위와 같이 인자가 한개일 경우에는 ( ) 괄호 생략이 가능하다. a => {return a} //함수가 한 구문이 아닐 경우 {} 사용하여 함수 정의 a => a; //함수가 한 구문일 경우, 자동 return 위와 같은 기능 a => ({key:a}); //예외로 객체를 자동 return 하려면 ()가 필요 .. 2018. 8. 21.