GuruSa

JSX에 대해 알아보겠습니다. const element = Hello, world!; 위의 문법은 JSX로 JavaScript를 확장한 문법입니다. JSX라고 하면 템플릿 언어가 떠오를 수도 있지만, JavaScript의 모든 기능이 포함되어 있습니다. JSX는 React Element를 생성합니다. React에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결됩니다. React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 Component라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리합니다. React는 JSX 사용이 필수가 아니지만, JavaSc..

자바스크립트 툴링 피로 Javascript Fatigue A few days ago, I met up with a friend & peer over coffee. medium.com 트랜스파일링(transpiling) 트랜스컴파일(transcompile)이라고도 하는데 모든 웹 브라우저가 ES6을 지원하지 않고 지원하더라도 모든 ES6 기능을 지원하지 않는 경우도 많아 ES6 코드를 실행하기 전에 ES5로 컴파일하는 것을 말한다. 가장 유명한 트랜스파일링 도구로는 바벨(Babel)이 있다. Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 공식 리액트 React –..

Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js의 공식 홈페이지에서 Node.js를 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임으로 설명하고 있습니다. 여기서 런타임은 특정 언어로 만든 프로그램을 실행할 수 있는 환경을 의미하므로 노드는 Javascript 프로그램을 실행할 수 있습니다. [그림1]를 보면 노드는 V8과 libuv 라이브러리를 사용하고 있습니다. V8과 libuv는 C/C++로 구현되어 있고, 자바스크립트 코드를 노드가 V8과 libuv에 연결합니다. Node.js의 특징 이벤트 기반(event-driven) 이벤트가 발생할..