인프런 React 강의 듣고 사이트 만들기 _ Front 작업 01. 기본셋팅
React 강의 듣고 나만의 사이트 만들기 시작!! 먼저 초반부 Front 작업을 진행한다. 쪼랩이라 라이브러리 다운받을때 빼먹는건 진행하면서 차차 고치도록 해야겠다. 친절하게 코드가 다 들어있지않은 이유는 스스로 공부하는 목적이기때문에 사소한 부분이 많이 빠져있다. 1. 내 사이트명의 폴더를 생성한다. OKAYOON 2. Front 와 Back 따로 진행해야하기에 폴더를 두개 생성한다. OKAYOON -front -back // front npm init npm i next@9 react react-dom npm i prop-types npm i eslint eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks -d npm i -D ba..
스코프에 대한 지식이 없다면 먼저 간단히 읽고 오세요. 실행컨텍스트에 대해서 알고 진행해야하기에 실행 컨텍스트 글을 꼭 참고해주세요. 실행 컨텍스트(Execution context) 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체입니다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅, hoisting) 외부 okayoon.tistory.com 클로저(Closure) 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성입니다. 클로저는 객체지향과 함수형 프로그래밍에서 매우 중요한 개념입니다. 특성 함수가 선언될 당시의 lexical environment(함수 선언당시 실행 컨텍스트 내의 식별자 정보, 외부환경 정보)의 상호관계에 따른 현상입..
자바스크립트에서의 this는 어디서든 사용할 수 있으며 다른 언어와는 조금 다르게 동작합니다. 실행 컨텍스트가 생성될때 this의 바인딩이 일어나며 우선순위가있습니다. 실행 컨텍스트는 함수를 호출할때 생성되므로 또 다른 의미로는 함수를 호출할때 this가 결정된다고 할 수도 있습니다. 또한 함수의 호출마다 this가 달라질 수도 있다는 의미이기도합니다. This 전역공간에서의 this는 전역객체 (브라우저 - window, 노드 - global)를 참조 메서드일 경우 호출한 객체를 this로 참조 함수일 경우 this는 전역객체 콜백함수는 제어권을 넘겨받은 함수가 정의한 this 참조, 정의가 없으면 전역객체 생성자 함수는 생성될 인스턴스를 참조 call, apply, bind 같은 명시적 바인딩일 경우..
실행 컨텍스트(Execution context)
실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체입니다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅, hoisting) 외부환경 정보를 구성하고, this 값을 설정하는 등의 동작을 수행합니다. 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체라고 했는데, 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고 이를 콜스택(call stack)에 쌓아두었다가 가장 위에 쌓인 컨텍스트와 관련있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장합니다. '동일한 환경'은 하나의 실행 컨텍스트를 구성할 수 있는 방법으로 전역공간, eval() 함수, 함수 등이 있습니다. *ES6에서는 블록에..