본문 바로가기

Work158

[양재동코드랩] 자바스크립트 강의 1일차 - Operator operatordestructuringDestructuring Assignment코드 형태let one, two, three; [one, two, three] = [1, 2, 3];// array 분할 할당분할 할당의 개념중첩된 array라도 형태만 맞추면 변수에 값 할당 됨[one, two, [three, four]] = [1, 2, [3, 4]]변수할당이 필요 없는 경우 콤마로 구분해서 pass 가능[one, , , four] = [1,2,3,4]오브젝트 분할const {one, two} = {one: 10, two: 20}같은 프로퍼티명을 사용할 경우 ES5에서는 에러, ES6에서는 마지막 값으로 대체파라미터 분할total({one: 1, two: 2}) function total({one, two.. 2018. 9. 1.
[양재동코드랩] 자바스크립트 강의 1일차 - Iteration, Spread, Rest Iteration반복을 의미반복하기 위한 프로토콜 필요프로토콜은 규약을 의미반복을 처리하기 위한 함수를 가지고 있는 오브젝트여야 함구성iterable 프로토콜Iterator 프로토콜빌트인 오브젝트는 기본적으로 이터러블 프로토콜을 가지고 있기 때문에 반복 가능String, Array, TypedArray, Map, SetArguments, DOM NodeList이터러블 오브젝트는 빌트인 오브젝트 외에 이터러블 프로토콜이 설정된 오브젝트를 의미이터러블 오브젝트 조건Symbol.iterator()가 있어야 함실제로 반복을 수행하는 메소드Array를 상속받으면 이터러블 오브젝트가 됨개발자 코드로 이터러블 프로토콜 정의 가능iterator protocoliterator의 next 메소드를 통해 값 순회반환 값은 .. 2018. 9. 1.
[양재동코드랩] 자바스크립트 강의 1일차 - Arrow Function Arrow Function코드 형태 : (param) => {함수코드}자바 람다와 유사람다와 조금 다른 표현들(param1, param2, ...rest) => {코드}rest는 변수명. 관례적으로 rest 사용rest변수에 배열형태로 값이 추가됨(param1, parma2=123) => {코드}Default 파라미터Memo : 자바스크립트에서의 함수는 무조건 return이 있음. 생략하면 undefined 반환() => {} 는 undefined 반환함수와 유사하지만 new로 인스턴스 생성 불가함수는 new로 인스턴스 생성 가능함new 연산자를 사용하여 인스턴스를 생성하면 대상의 prototype 하위의 construct를 찾아감construct에는 해당 오브젝트의 생성 정보를 포함하고 있어서 인스턴스.. 2018. 9. 1.
[양재동코드랩] 자바스크립트 강의 1일차 - 수업소개, var, let, const 김영보 강사님자바스크립트의 궁극적인 목적관련 기술을 통합, 제어하여 사용자에게 콘텐츠 제공백엔드와는 다른 관점으로 접근해야 함HTML은 구조적인 관점으로, CSS는 비유, DOM은 이벤트 핸들러, 자바스크립트는 통합 컨트롤 등 관점이 다 다름사용자에게 콘텐츠를 어떻게 제공할 것인가 생각하는 것이 가장 중요ES6 스펙ES5와 ES6 스펙이 두배가량 차이 남그만큼 많은 내용이 바뀜객체지향적인 면이 많이 보완됨ES6에는 활용 부분이 많음쉽게 코딩할 수 있도록객체지향도 쉽게 접근할 수 있도록자바스크립트는 객체지향 언어ES5에서는 new 연산자를 사용하는 빈도가 적었음ES6부터는 빈번하게 사용됨ES6의 기본은 classES5와 ES6는 확실히 다르다.Property key와 property name의 차이ES5에.. 2018. 9. 1.

티스토리툴바