개발새발 민다니

1. 웹이 동작하는 과정 웹은 어떻게 동작할까? 가장 명료하게 표현하자면 내가 만든 홈페이지를 배포했을 때 누군가(클라이언트) 들어오게되면 내 쪽(서버)에서 정보를 뿌려주는 것이다. 웹의 동작 과정을 자세히 알아보기 위해 상황 설정을 해보자. 프론트엔드 minda와 백엔드 inji가 ⌜뭔가 대단한 웹⌟을 만들어서 배포했다. 누군가 ⌜뭔가 대단한 웹⌟에 접속했다. 접속한 누군가는 ⌜뭔가 대단한 웹⌟의 회원가입을 시도했다. 이때 웹은 어떻게 동작할까? 누군가의 PC는 어떻게 웹의 정보를 가져오게 될까? 먼저, 누군가 ⌜뭔가 대단한 웹⌟에 접속을 하면 minda 서버로부터 HTML, CSS, JS 정보를 받아와 웹에 접속하게 된다. 누군가 회원가입을 시도하면 minda 서버가 inji 서버에 해당 사항을 요청..

01. 객체의 생성방식 객체는 다음과 같은 방법으로 생성 가능하다. ✔️ 객체 리터럴 ✔️ Object 생성자 함수 ✔️ 생성자 함수 ✔️ Object.create ✔️ 클래스(ES6) 세부적인 생성 방식에 차이가 있으나, 추상 연산에 의해 생성된다는 공통점이 있다. 추상 연산 OrdinaryObjectCreate는 필수적으로 생성할 객체의 프로토타입을 인수로 받는다. 먼저, 추상연산 OrdinaryObjectCreate는 빈 객체를 생성하고 객체에 추가할 프로퍼티 목록이 인수로 전달된 경우에만 프로퍼티를 객체에 추가한다. 인수로 전달 받은 프로토타입은 [[Prototype]] 내부 슬롯에 할당된 다음, 생성 객체를 반환한다. 따라서 프로토타입은 OrdinaryObjectCreate에 전달받은 인수에 의..

01. 프로토타입 생성 시점 프로토타입은 생성자 함수가 생성되는 시점에 생성된다. [JS] 프로토타입 객체와 prototype 프로퍼티 01. 프로토타입 객체 상속을 구현하기 위해 사용한다. 프로토타입을 상속 받게 되면 하위 객체는 상위 객체의 프로퍼티를 자유롭게 사용할 수 있다. 모든 객체는 [[Prototype]]이라는 내부 슬롯을 가 404minda.tistory.com 프로토타입과 생성자 함수는 단독으로 존재할 수 없다. 생성자 함수는 사용자가 정의한 생성자 함수와 String, Number, Object 등 자바스크립트가 제공하는 빌트인 생성자 함수로 나뉜다. 이 포스팅은 각각의 경우에 프로토타입 생성 시점을 확인하는 내용을 다루고 있다. 02. 사용자 정의 생성자 함수 [[Construct]]..

01. 프로토타입 객체 상속을 구현하기 위해 사용한다. 프로토타입을 상속 받게 되면 하위 객체는 상위 객체의 프로퍼티를 자유롭게 사용할 수 있다. 모든 객체는 [[Prototype]]이라는 내부 슬롯을 가진다. 이 내부 슬롯에 저장되는 프로토타입은 객체 생성 방식에 의해 결정된다. 따라서, [[Prototype]] 이라는 내부 슬롯에 들어가는 프로토타입은 여러 종류다. 모든 객체는 내부슬롯에 무조건 프로토타입을 갖는다. 프로토타입은 자신의 constructor 프로퍼티를 통해 생성자 함수에 접근 할 수 있고 생성자 함수는 자신의 prototype 프로퍼티를 통해 프로토타입에 접근할 수 있다. 02. _ _prototype_ _ 접근자 프로퍼티 [[Prototype]] 이라는 내부 슬롯에는 직접 접근할 수..