javascript34 JavaScript - array methods arrow function을 가장 많이 사용할 때는 callback 함수로 사용할 때이다. callback 함수란, 인자로 전달되는 함수라고 생각하면 된다. arrow function에 array의 반복문으로 사용되는 map, forEach 메서드는 정말 많이 쓰이는 메서드이다. Array.map() map 메서드는 배열을 반복해주는데, callback 함수에서 return 한 값으로 매(each) 요소를 수정해준다. map 메서드의 return값은 수정된 값으로 다시 생성된 배열이다. const arr = [1, 2, 3]; const squares = arr.map(x => x * x); 두번째 줄에서 map함수에 인자로 넘어간 함수를 원래대로 표현하면 아래와 같다. const squares = ar.. 2020. 7. 5. JavaScript - template literals, string method ES6에서 추가된 문법에서 편한 것 중 하나가 template literal이다. 원래 string을 작성할 때 따옴표를 사용했었지만, const name = '김개발'; 이제 back tick으로도 string을 감쌀 수 있다. const name = `김개발`; 그리고 back tick으로 감싸면 그 안에 변수를 넣어서 표현할 수 있다. const name = '김개발'; const hi = `안녕하세요. 저는 ${name} 입니다.`; 변수를 사용하려면 ${}으로 변수를 감싸줘야 한다. 그리고 template literal에서는 string을 입력한 대로 개행이 된다. let detail = `자세히 보아야 이쁘다 내코드..`; console.log(detail); string method star.. 2020. 7. 5. JavaScript - arrow function ES6 = ECMA Script 2015 ES는 ECMA Script의 줄임말이다. ECMA Script는 JavaScript를 표준화시키려고 탄생했다. JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있도록 ES가 명세를 확정해왔다. 즉, ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것이다. 현재는 ES10 버전까지 나왔지만, 주로 쓰이는 것은 ES6이다. 6은 버전 이름이고 ES2015라고도 한다.(2015년에 ES6 최종 나왔기 때문.) arrow function 이 전에 배웠던 function을 표현하는 방법과 완전히 다르지만, 생김새만 바뀐 것이다. //ES5 fun.. 2020. 7. 5. JavaScript - Object(2) 객체는 다른 데이터 타입(텍스트, 숫자, 배열 등..)처럼 변수에 저장할 수 있다. {}(중괄호)만 사용하면 되는데, 이렇게 {}으로 생긴 모양의 객체를 object literal(객체 리터럴)이라 부른다. hello라는 변수에 빈 객체를 할당해본다면, let hello = {}; 이렇게 할당해 줄 수 있다. 객체에는 순서가 없는 데이터의 모임이다. 반대로 순서가 있는 데이터는 배열이다. let arr = ['고양이', '귀여워', '멍멍이', '좋아']; arr의 요소가 차례대로 추가된 것이고 index는 0부터 시작한다. arr[0]은 '고양이'이고, arr[1]은 '귀여워'이다. 객체는 키(key)-값(value)쌍으로 된 데이터의 모음으로써 순서가 뒤 바뀌어도 아무 상관이 없다. 배열처럼 순서대로.. 2020. 7. 5. 이전 1 2 3 4 5 6 7 ··· 9 다음
