⚡리액트 개발을 위해 꼭 알아야할 자바스크립트 - 1.6 리액트에서 자주 사용되는 자바스크립트 문법1.6.1 구조 분해 할당🌚구조 분해 할당(Destructuring assignment)배열 또는 객체의 값을 분해해 개별 변수에 즉시 할당하는 것 주로 어떠한 객체나 배열에서 선언문 없이 즉시 분해해 변수를 선언하고 할당하고 싶을 때 사용함💡배열 구조 분해 할당useState(value,setter) : 2개짜리 배열을 반환하는 함수🌓 useState가 객체가 아닌 배열을 반환하는 이유는? 심플하고, 순서 기반으로 의미를 전달하기 위해서객체 구조 분해 할당은 원하는 이름으로 변경하는 것이 번거로움( 변수 이름이 강제되고, 불필요하게 장황 )배열 구조 분해 할당은 자유롭게 이름을 선언할 수 있기 때문..

⚡리액트 개발을 위해 꼭 알아야할 자바스크립트 - 1.5 이벤트 루프와 비동기 통신의 이해1.5.1 싱글 스레드 자바스크립트🌚자바 스크립트한번에 하나의 작업만 동기 방식으로 처리할 수 있음(싱글 스레드)하나의 코드가 실행하는데 오래걸리면 뒤의 코드가 실행되지 않는 것 > "Run-to-completion"자바스크립트는 비동기 처리가 가능한 것을 이해하려면 이벤트 루프를 알아야 함동기 : 직렬방식비동기 : 병렬방식 자바스크립트는 싱글스레드지만, 브라우저(혹은 Node.js)가 제공하는 이벤트 루프(Event Loop)와 백그라운드 API(Web API, Thread Pool) 덕분에 비동기 처리가 가능하다.1.5.2 이벤트 루프란?자바 스크립트 런타임 외부에서 자바스크립트의 비동기 실행을 돕기 위해 만들..

⚡리액트 개발을 위해 꼭 알아야할 자바스크립트 - 1.4 클로저리액트의 클래스형 컴포넌트에 대한 이해가 자바스크립트의 클래스, 프로토타입, this에 달려있다면, 함수형 컴포넌트에 대한 이해는 클로저에 있다!1.4.1 클로저의 정의함수가 바깥에 있는 변수를 기억하고 계속 쓸 수 있는 것1.4.2 변수의 유효범위, 스코프(scope)1. 전역 스코프 (global scope)전역 레벨에서 선언하는 것브라우저 환경에서 전역 객체는 window, Node.js 환경에서는 global이 있는데, 이 객체에 전역 레벨에서 선언한 스코프가 바인딩됨.코드에서 global이라는 변수를 var와 함께 선언했더니 전역 스코프와 hello 스코프 모두에서 global 변수에 접근할 수 있는 것을 확인할 수 있음.var gl..