JS3 (191222) Common JS & ES6 Modules Module (모듈) 프로그래밍에서 모듈이란 외부에 영향을 받지 않는 독립적이고 재사용 가능한 코드들의 묶음이다. (OOP의 Encapsulation과 동일한 개념) 모듈화를 통해 변수나 함수들의 name space를 보장해주고, 모듈화를 통해 기능적인 코딩이 가능해진다. 즉, 쉽게 생각하면 모듈은 프로그램의 부품 하나하나라고 생각해 볼 수 있다. 그리고 모듈은 하나의 독립적인 소프트웨어라 볼 수 있다. 우리가 프로그램 등을 만들 때 하나의 파일에 모든 코드를 전부 작성하지않는다 (할수는 있지만, 가독성이라던가 유지보수, 확장성 등의 문제가 있기 때문에 지양해야함!!) 그래서 보통은 역할과 기능에 맞게 여러가지 파일 (모듈)을 만든다. 이렇게 만든 모듈들을 불러와서 사용하는데 불러오는 방법에는 크게 다음.. 2019. 12. 22. (191128) Instantiation & Inheritance (2) - prototype, __proto__, constructor의 관계와 프로토 타입 체인 정리 - Object.create() 정리 - ES6의 Class 키워드와 super 키워드 정리 및 psedoclassical 과의 비교를 통한 프로토타입 체인 정리 Object.create Object.create 메소드는 인자로 받은 객체를 프로토타입 객체로하는 새로운 객체를 만드는 메소드 이다. (MDN 참고) let temp = { first : "hi" } 위의 temp 는 객체로 first를 프로퍼티로 갖고 있다. 그리고 객체이기 때문에 __proto__를 갖고있고 이것은 최상위인 Object의 프로토타입을 가리키고 있다. 여기에서 새로운 객체를 Object.creat를 통해 만들어 보겠다. let o.. 2019. 11. 28. (191127) Instantiation & Inheritance (1) - prototype, __proto__, constructor의 관계와 프로토 타입 체인 정리 - Object.create() 정리 - ES6의 Class 키워드와 super 키워드 정리 및 psedoclassical 과의 비교를 통한 프로토타입 체인 정리 Instantiation patterns class(blueprint)로부터 instance를 만드는 것 (비유를 하자면 붕어빵 찍는 기계에서 붕어빵을 찍어낸다고 생각!!) 4가지 패턴이 있다 1. functional 객체 안에 프로퍼티와 메소드를 객체의 키값 형태로 직접 만듬 2. functional shared 객체 안에 프로퍼티를 만드는 방법은 동일하지만 메소드는 함수 밖에 임의의 메소드만 담을 객체를 만들고 인스턴스를 만들 때마다 메소드를 담.. 2019. 11. 27. 이전 1 다음