[Javascript] Execution Context (실행 컨텍스트)
2022. 9. 2. 08:27
개발/Javascript
실행 컨텍스트란? - 자바스크립트의 동작 원리를 담고 있는 핵심 개념. 자바스크립트가 실행되기 위한 환경 정보들이 모여있다. - 실행 컨텍스트는 실행하는데 필요한 환경을 제공한다. - 식별자(변수, 함수, 클래스 등의 이름)를 등록하고 관리하는 스코프와 코드 실행순서 관리를 구현한 내부 메커니즘으로, 모든 코드는 실행 컨텍스트를 통해 실행되고 관리된다. ECMAScript 사양은 소스코드(ECMAScript code)를 4가지 타입으로 구분한다. 이 4가지 타입의 소스코드는 실행 컨텍스트를 생성한다. 소스코드 타입 설명 전역 코드 global code - 전역에 존재하는 소스코드 (default, 함수 내부에 있지않는코드) - 전역 변수를 관리하기위해 최상의 스코프인 전역 스코프 생성 (create gl..
[Javascript] 호이스팅(hoisting)이란? 왜?
2022. 8. 31. 17:20
개발/Javascript
면접을 보면서 자스기초지식, 네트워크 지식이 모자랐다는 생각이 들어서. 면접 질문들을 조금씩 포스팅 해 볼 생각이다. 변수를 사용하려면 반드시 선언이 필요하다. 변수를 선언할 때는 var, let, const키워드를 사용한다. ES6 이전까지는 var 키워드만이 JS에서 변수를 선언할 수 있는 유일한 키워드였다. 그러나 var키워드는 여러 단점이 있다. 가장 대표적인 것은 블록레벨스코프를 지원하지않고 함수 레벨 스코프를 지원한다는 점이다. (함수 외부에서 var키워드로 선언한 변수를 코드블록 내에서 선언하면 모두 전역 변수가 된다) 이로 인해 의도치 않게 전역 변수가 중복 선언되어버리는 경우가 생긴다. 또 다른 단점으로는 변수 호이스팅 시 할당 문 이전에 참조해도 값을 반환하여 흐름과 가독성에 오류를 발..
[React] Props vs State
2022. 8. 27. 12:30
개발/Javascript
Props - 부모컴포넌트 안에 자식컴포넌트가 들어가서 위에서 아래로 주고받는다 - 부모컴포넌트에서 자식컴포넌트에 값을 줄 때 props는 변할 수 없다 - 변하려면 부모컴포넌트에서 다시 내려줘야한다 State - 부모컴포넌트에서 자식컴포넌트에 주는게 아닌 컴포넌트안에서 데이터 교환 ex) 검색창에 글을 입력할 때 글이 변하는 것은 state가 바뀌는 것 - State가 변하면 리랜더된다
[Node] 백&프론트서버 두 개를 한번에 열기
2022. 8. 26. 07:14
개발/Javascript
npm install concurrently --save concurrently Run commands concurrently. Latest version: 7.3.0, last published: a month ago. Start using concurrently in your project by running `npm i concurrently`. There are 1284 other projects in the npm registry using concurrently. www.npmjs.com 사용 설명서를 참고해서 서버 package.json에 dev를 추가해주었다 "dev" : "concurrently \"npm run backend\" \"npm run start --prefix client\..
[Node] Data흐름과 axios, proxy서버 사용하기
2022. 8. 26. 07:14
개발/Javascript
페이지가 없을때는 postman을 썼지만 이제는 react-route-dom을 사용해 Router를 사용하고있다. Axios 제이쿼리 ajax생각하면된다. 서버와 클라이언트 통신에 필요한 기능 (라우팅은 아래 글 참고) [React] 페이지 라우팅 - React SPA & SCR https://reactrouter.com/ Declarative routing for React apps at any scale | React Router Version 6 of React Router is here! React Router v6 takes the best features from v3, v5, and its sister project.. h-owo-ld.tistory.com 그렇기 때문에 이제 Axios를 사..