ES64 Javascript의 iterable, iterator, generator javascript에서의 iterable, iterator, generator에 대해 정리해보겠습니다. TL;DR iterable 프로토콜과 iterator 프로토콜을 만족하면 어떤 객체든지 iterable 객체, iterator 객체가 될 수 있음. iterable 프로토콜 : iterator 객체를 반환하는 함수가 Symbol.iterator 프로퍼티에 들어있어야함. iterable 객체 : for of 문이나 ...(spread) 연산자처럼 값들을 순회하는 연산에 사용될 수 있는 객체. iterator 프로토콜 : next() 메서드를 가지고 있어야하면 next() 메서드는 value, done 프로퍼티를 가지는 객체를 반환해야함. iterator 객체 : 값들을 순회할 수 있는 객체. iterab.. 2021. 4. 6. Javascript의 class javascript에서 class가 어떻게 동작하는지에 대해 정리해보겠습니다. TL;DR javascript에서는 class 역시 함수. class 키워드는 클래스를 직관적으로 표현하기 위한 새로운 문법일 뿐 ES6 이전과 동작 방식은 같음. 인스턴스는 클래스의 prototype을 물려받음. 클래스의 메서드는 클래스의 prototype에 저장됨. 인스턴스에서는 프로토타입 체인을 통해 클래스의 메서드에 접근할 수 있음. 정적 메서드는 클래스의 prototype이 아닌 클래스 자체에 저장됨. 그렇기 때문에 정적 메서드는 인스턴스에서 접근할 수 없고 클래스만 접근할 수 있음. class는 함수다 ES6에서 class 키워드가 등장하기 전까지 javascript에서는 생성자로 사용할 함수를 정의하고 new 키워.. 2021. 2. 8. Javascript의 "this" javascript에서 가장 헷갈리는 부분 중 하나인 "this" 에 대해서 정리해보겠습니다. TL;DR 일반 함수 선언/표현식 객체의 프로퍼티인 함수에서 this는 자신을 호출한 객체가 된다. 일반 함수에서 this는 전역 객체가 된다. (strict mode에서는 undefined 가 된다.) 브라우저 환경에서 전역 객체는 Window 객체이며 node 환경에서 전역 객체는 global 객체이다. 화살표 함수 함수가 생성된 scope의 this를 물려받는다. 브라우저 환경에서 전역 스코프의 this는 Window 객체이며 node 환경에서 전역 스코프의 this는 module.exports 객체이다. this의 정체 this는 일반적으로 객체의 프로퍼티인 함수에서 사용될 때 의미가 있습니다. 객체의 .. 2021. 1. 21. React는 무엇이고 왜 사용하는가? 올해 3월에 웹 백엔드 엔지니어로 스타트업에 입사해서 어느덧 입사 3개월 차에 접어들었습니다. 백엔드 엔지니어로 입사했지만 어쩌다 보니 풀스택으로 일하고 있는데 3개월 동안 가장 많은 시간을 투자해서 공부한 react에 대해서 적어보며 지금까지 공부한 내용들을 정리해보려고 합니다. 입사했을 당시 react를 사용해 본 적이 없어서 처음 접했을 때 너무 낯설고 잘 이해가 되지 않았었습니다. 그래서 그 때 당시를 떠올리며 react에 대해서 잘 모르는 죠니에게 설명한다는 느낌으로 처음부터 하나씩 하나씩 적어보겠습니다. 먼저 react는 무엇인가? react 공식 홈페이지(https://ko.reactjs.org/) 에 가보니 react를 이렇게 설명합니다. 사용자 인터페이스 즉, UI를 만들기 위한 java.. 2020. 6. 28. 이전 1 다음
