![](/assets/get-body-in-next-js/cover.webp)
Next.js 에서 Body 구하기
body-parser 로 Next.js 에서 body 구하는 방법
![](/assets/this_2/cover.webp)
this 란 2
this 는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가르키는 자기 참조 변수 이다.
![](/assets/this_1/cover.webp)
this 란 1
this 는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가르키는 자기 참조 변수 이다.
![](/assets/dip/cover.webp)
React에서 SOLID 원칙 DIP
고수준 모듈은 저수준 모듈에 의존해서는 안되고, 둘 다 추상화에 의존해야 한다.
![](/assets/isp/cover.webp)
React에서 SOLID 원칙 ISP
객체는 자신이 호출하지 않는 메소드에 의존하지 않아야 한다.
![](/assets/lsp/cover.webp)
React에서 SOLID 원칙 LSP
자식 클래스는 최소한 부모 클래스에서 가능한 행위를 수행할 수 있어야 한다.
![](/assets/ocp/cover.webp)
React에서 SOLID 원칙 OCP
확장에는 열려있어여 하고, 변경에는 닫혀있어야 한다.
![](/assets/srp/cover.webp)
React에서 SOLID 원칙 SRP
클래스는 단 하나의 책임만 가져야 한다. 함수는 단 하나의 기능만 수행해야 한다.
![](/assets/lexical-scope/cover.webp)
렉시컬 스코프
자바스크립트는 함수가 선언된 시점에 따라 상위 스코프가 결정된다.
![](/assets/lexical-environment/cover.webp)
렉시컬 환경
렉시컬 환경은 식별자와 식별자에 바인딩된 값, 그리고 상위 스코프에 대한 참조를 기록하는 자료구조이다.
![](/assets/scope-chain/cover.webp)
스코프 체인
스코프는 크게 전역 스코프와 지역 스코프 이 2가지로 나뉜다.
![](/assets/execution-context-4/cover.webp)
실행 컨텍스트 4
실행 컨텍스트 생성 과정을 통해 코드가 실행되는 과정을 알아보자. 2
![](/assets/execution-context-3/cover.webp)
실행 컨텍스트 3
실행 컨텍스트 생성 과정을 통해 코드가 실행되는 과정을 알아보자. 1
![](/assets/execution-context-2/cover.webp)
실행 컨텍스트 2
실행 컨텍스트는 스택으로 관리되는데, 이를 실행 컨텐스트 스택(Execution Context Stack)이라 부른다.
![](/assets/execution-context-1/cover.webp)
실행 컨텍스트 1
실행 컨텍스트는 “실행할 코드에 제공할 환경 정보들을 모아 놓은 객체” 이다.