공부기록용

명시적 this 바인딩 자동으로 부여되는 상황별 this의 규칙을 깨고 this에 별도의 값을 저장하는 방법 call apply bind call 메서드 호출 주체인 함수를 즉시 실행하는 명령어로, 첫 번째 매개변수에 this로 binding할 객체를 넣어주면 명시적으로 binding할 수 있다. var func = function (a, b, c) { console.log(this, a, b, c); }; // no binding func(1, 2, 3); // global{ ... } 1 2 3 var func = function (a, b, c) { console.log(this, a, b, c); }; // 전역 객체를 바라보는 현상에서의 // 명시적 binding // func 안에 this로서..

실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 ✓ VariableEnvironment ✓ LexicalEnvironment ✓ ThisBindings this 다른 객체지향 언어에서의 this는 곧 클래스로 생성한 인스턴스를 말한다. 그러나 자바스크립트에서는 this가 어디에서나 사용될 수 있다. 상황에 따라 달라지는 this this는 실행 컨텍스트가 생성될 때 결정(bind)된다. 전역 공간에서의 this 런타임 환경 : 코드가 돌아가는 환경(javascript로 만들어놓은 프로그램이 구동중인 환경) 전역 환경에서 this는 노드에서는 global 객체이고, 브라우저에서는 window 객체이다. -> 노드 환경 : node 파일이름.js로 vscode 상에서 구동하고 있으니node..

🔴VariableEnvironment & LexicalEnvironment 🔴environmentRocord(=record) 🔻호이스팅 🔴outerEnvironmentReference(=outer) 🔻스코프, 스코프 체인 실행컨텍스트(스코프, 변수, 객체, 호이스팅) 자바스크립트의 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체이며, 다음과 같은 일을 한다. 선언된 변수를 위로 끌어올림 = 호이스팅(hoisting) 외부 환경 정보를 구성 this 값을 설정 이런 현상들 때문에 JS에서는 다른 언어랑은 다른 특징들이 나타나게 되는 것 스택 vs 큐 스택(Stack) 바스켓 LIFO 마지막에 들어간게 처음으로 나온다. 큐(Queue) 원통 FIFO 첫번째로 들어간게 처음으로 나온다. 콜 ..

“불변하다”. 혹은, ‘불변객체’의 개념이 왜 필요한지, 불변성을 유지하는 방 객체의 속성에 접근해서 이름을 변경_오류발생 // user 객체를 생성 var user = { name: 'wonjang', gender: 'male', }; // 이름을 변경하는 함수, 'changeName'을 정의 // 입력값 : 변경대상 user 객체, 변경하고자 하는 이름 // 출력값 : 새로운 user 객체 // 특징 : 객체의 프로퍼티(속성)에 접근해서 이름을 변경했네요! -> 가변 var changeName = function (user, newName) { var newUser = user; newUser.name = newName; return newUser; }; // 변경한 user정보를 user2 변수에 ..

데이터타입 데이터 타입의 종류(기본형과 참조형) 자바스크립트에서 값의 타입은 크게 기본형(Primitive Type)과 참조형(Reference Type)으로 구분됩니다. 기본형과 참조형의 구분 기준은 값의 저장 방식과, 불변성 여부입니다. 복제의 방식 기본형 : 값이 담긴 주소값을 바로 복제 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제 불변성의 여부(일반적인 불변의 의미가 아닌 데이터의 불변) 기본형 : 불변성을 띔 참조형 : 불변성을 띄지 않음 💫메모리와 데이터 비트 -> 바이트 -> 메모리 비트 - 컴퓨터가 이해할 수 있는 가장 작은 단위 - 0과 1을 가지고 있는 메모리를 구성하기 위한 작은 조각을 의미 바이트 0과 1만 표현하는 비트를 모두 찾기는 부담 - 1개 → 2..

HTTP 메소드 API URI 설계 시, 리소스 식별, URI 계층 구조 활용 URI는 리소스만 식별 리소스와 해당 리소스를 대상으로 하는 행위을 분리, 리소스는 명사, 행위는 동사 HTTP 메소드 종류 GET: 리소스 조회 POST: 요청 데이터 처리, 주로 등록에 사용 PUT: 리소스를 대체, 해당 리소스가 없으면 생성 PATCH: 리소스 부분 변경 DELETE: 리소스 삭제 HEAD: GET과 동일하지만 메시지 부분을 제외하고, 상태 줄과 헤더만 반환 OPTIONS: 대상 리소스에 대한 통신 가능 옵션(메서드)을 설명(주로 CORS에서 사용) CONNECT: 대상 리소스로 식별되는 서버에 대한 터널을 설정 TRACE: 대상 리소스에 대한 경로를 따라 메시지 루프백 테스트를 수행 GET 리소스 조회 ..