Unit4 - [React] Intro
리액트 : 프론트엔드 개발을 위한 JavaScript 오픈 소스 라이브러리 선언형 명시적으로 작성 ( 코드의 의도를 알수있다.) 컴포넌트 기반 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둠(독립적 , 재사용) 범용성 Javascript 프로젝트 어디에든 적용 JSX(JavaScript XML) react에서 UI를 구성할때 사용하는 문법(자바스크립트를 확장한 문법) Babel은 JSX를 브라우저가 이해할 수 있는 JavaScript로 컴파일 JSX -> babel -> js -> browser React DOM(css , jsx) JavaScript 문법과 HTML 문법을 동시->기능과 구조를 한번에 확인 JavaScript 만으로 마크업(markup) 형태의 코드를 작성하여 DOM에 배치 JSX ..
JavaScript의 가장 큰 장점 중 하나인 비동기 흐름 ex ) 강아지 구름이와 호빵이가 있다. 한마리씩 산책을 할수있는데 (blocking) 구름이가 산책을 완료를 하고 호빵이가 산책을 시작하게 되었다. 시작 시점과 완료 시점이 같은 상황을 동기적(synchronous)이다. 시작 시점과 완료 시점이 같지 않아도 되는 상황을 비동기적이다.(non-blocking) 자바스크립트에서 동기와 비동기 동기 : 특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 것 비동기:‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드들을 수행하는 것 JavaScript는 싱글 스레드 기반으로 동작하는 언어 -> 동기적으로 작동한다. 런타임 환경에서 비동기 처리를 도와줌 *싱글 스레드 기반?..