꼼팡 개발 노트

import React, { render } from 'react'; 차이점은, 보내주는 export 방식의 차이 예를 들어보면 const a = 1; const c = 3; export { a }; export const b = 2; export default c; import d, { a, b as e } from './Example'; console.log(a, e, d); // 1, 2, 3 default로 선언된 내용은 중괄호 {} 없이 받을 수 있으며 변수명이 달라도 된다. 하지만 default로 선언되지 않은 것들은 중괄호 {} 안에서 무조건 보내진 변수명으로 선언! 변수명을 바꾸고 싶은 경우에는 as를 이용해서 바꾼다!

동적 스코프(Dynamic scope) - 함수를 어디서 호출하였는지에 따라 상위 스코프를 결정하는 것 렉시컬 스코프(Lexical scope) 또는 정적 스코프(Static scope) - 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정하는 것 자바스크립트를 비롯한 대부분의 프로그래밍 언어는 렉시컬 스코프 var x = 1; function foo() { var x = 10; bar(); } function bar() { console.log(x); } foo(); // 1 bar(); // 1

// 함수 선언문 function square(number) { return number * number; } // 함수 표현식 var square = function(number) { return number * number; }; 위와 같은 function을 많이 봤을 것이다. 하지만 둘의 차이점을 제대로 모르는 상태에서 무분별하게 사용하는 경우가 많다. 이들은 동작 방식에 차이가 있다. // 함수 선언문 var res = square(5); function square(number) { return number * number; } 함수 선언문으로 정의된 함수는 자바스크립트 엔진이 스크립트가 로딩되는 시점에 바로 초기화하고 이를 VO(variable object)에 저장한다. 즉, 함수 선언, 초기..