이번주에 알게된것 1. 포트란 무엇인가? https://muyeon95.tistory.com/177 PORT [ TIL ] [ TCP/IP ] Problem 생활코딩 node 책의 쿼리스트링 부분을 보면서 의문이 들었다. 그래서 포트가 뭔데? 라는 질문이 떠올랐다. Try 인터넷 프로토콜 스위트에서 포트(port)는 운영 체제 통신의 종단점이다. 이 muyeon95.tistory.com 2. JS , Map 과 Prototype https://muyeon95.tistory.com/175 Map, Prototype [ TIL ] [ Javascript ] Problem 강의를 듣고 학습하던중 Map 이 어떻게 돌아가는 녀석인지 궁금해져버렸다. Try const myMap = new Map(); con..

Problem 강의를 듣고 학습하던중 Map 이 어떻게 돌아가는 녀석인지 궁금해져버렸다. Try const myMap = new Map(); console.log(myMap); Entries 와 Prototype 이 눈에 띈다. 찾아보니 Map 은 자바스크립트 내장객체인데 모든 자바스크립트 내장 객체는 프로토타입이라는 특수한 속성을 가지고 있다고 한다. 첫번째로 mdn 을 먼저 방문하여 prototype 에 대해 읽어보았다. 대충 써있는것은 "정확히 말하자면 상속되는 속성과 메소드들은 각 객체가 아니라 객체의 생성자의 prototype 이라는 속성에 정의되어 있습니다." - mdn Javascript 저 글만보고는 이해가 되지 않는다. 코드를 조금더 적어보면 동작과정을 더 쉽게 알 수 있을까 하고 코드..

ES6 에서 나온 Class 를 이용해서 쉽게 OOP 를 구현할 수 있다. 문법은 OOP 방식을 이용하지만 내부에서는 prototype 을 사용하며 작동한다. class Person { constructor(name, age, job) { this.name = name; this.age = age; this.job = job; } sayHello() { return `안녕 나는 ${this.name}야 정말 반가워`; } } const yeon = new Person("yeon", 29, "false"); console.log(yeon); console.log(yeon.sayHello()); - constructor 는 인스턴스의 생성과 동시에 클래스 필드의 생성과 초기화를 실행, 또 constructo..

객체를 만들면 prototype 이라는게 생긴다. 모든 객체는 global Object prototype 을 가진다. prototype 이란? 자바스크립트 객체가 다른 객체로 부터 메서드와 속성을 상속받는 메커니즘이다. ( prototype chain ) prototype 을 사용 함으로서 더 적은 메모리를 사용할 수가 있고 코드를 재사용 할 수 있다. 예시 출처 : mdn javascript 속성상속 // o라는 객체가 있고, 속성 'a' 와 'b'를 갖고 있다고 하자. let f = function () { this.a = 1; this.b = 2; } let o = new f(); // {a: 1, b: 2} // f 함수의 prototype 속성 값들을 추가 하자. f.prototype.b = 3..

https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes Object prototypes - Web 개발 학습하기 | MDN Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용합니다. 본 문서에서는 프로토타입 체인이 동작하는 방식을 설명하고 이미 존재하는 생성자에 메소드를 추가하기 위해 프 developer.mozilla.org https://www.nextree.co.kr/p7323/ JavaScript : 프로토타입(prototype) 이해 JavaScript는 클래스라는 개념이 없습니다. 그래서 기존의 객체를 복사하여(cloning) 새로운 객체를 생성하는 프로토타입 기반의 언어입니다. ..