본문 바로가기

2018/09/085

[양재동코드랩] 자바스크립트 강의 2일차 - Class ClassFunction 오브젝트가 바탕별도로 class가 존재한다기 보다 function을 조금 더 객체지향적으로 사용할 수 있게끔 만들었다고 생각하면 좋을 듯객체 지향에서 사용하는 Syntax 추가static, super자바스크립트의 객체지향은 C++이나 자바와 같은 기본적인 객체지향의 개념이라기 보다는 기존과 동일하게 prototype을 기반으로 한다.스펙의 Object 절 참고class 선언문window.onload = function() { class Member { getName() { return "이름"; } } const obj = new Member(); console.log(obj.getName()); };기존에 생성자 역할을 하는 function을 정의한 경우 prototype을 정.. 2018. 9. 8.
[양재동코드랩] 자바스크립트 강의 2일차 - Generator GeneratorGenerator function : function* 키워드를 사용한 함수Generator function을 호출하면 함수 블록을 실행하지 않고 Generator 오브젝트를 생성해서 반환오브젝트를 만드는 과정과 블록을 실행하는 부분을 나누어서 관리Generator function을 통해 반환된 오브젝트를 사용해서 함수 블록을 실행(next 메소드)bind의 경우에도 이와같이 함수를 실행할 오브젝트를 반환해서 사용한다는 면에서 비슷const sports = function*(one, two) {// Generator 함수 선언 console.log("함수 블록"); yield one + two; }; const genObj = sports(10, 20); // 이 때는 함수가 호출되지 않.. 2018. 9. 8.
[양재동코드랩] 자바스크립트 강의 2일차 - Array Arrayfrom()이터러블 오브젝트를 Array로 변환Array-like 포함entries() : Array를 이터레이터 오브젝트로 생성하여 반환const values = [10, 20, 30]; const iterator = values.entries(); for (const [key, value] of iterator) { console.log(key, ": ", value); }find()find()와 filter()는 모두 Array에서 특정 값을 찾는 메소드이지만 find는 값과 일치하는 것을 찾으면 찾기를 중단하지만, filter는 값과 일치하는 것을 찾은 후에도 배열 끝까지 찾음첫번째 인자는 콜백 함수실제 값의 비교는 콜백함수에서 수행하고 반환되는 값에 따라 find 메소드가 발견 여부를 .. 2018. 9. 8.
[양재동코드랩] 자바스크립트 강의 2일차 - Unicode, String UnicodeES6에 유니코드 관련 프로퍼티와 메소드 추가유니코드는 U+0031 형태로 표현코드 포인트0031이 코드 포인트 또는 문자 코드로 알려져있음코드 포인트 값으로 문자/기호/이모지/아이콘 등 표현4자리 이상의 UTF-16 진수 형태110만개 이상 표현 가능plane : 코드 포인트 전체를 17개 평면(plane)으로 나눔하나의 plane은 65535개첫번째 plane을 BMP(Basic Multillingual Plane)일반적인 문자가 여기에 속함euc-kr은 사용하면 안됨.해외에서는 깨진 문자열로 표시될 수 있음유니코드 이스케이프 시퀀스\x31\x32를 유니코드로 작성한 형태\u0031\u0032유니코드 코드 포인트 이스케이프\u{1f418} 과 같은 형태는 ES6에서 처음 제시ES5에서 호.. 2018. 9. 8.