자바스크립트 32

리액트의 작동 원리

러닝 리엑트을 요약한 내용입니다. 리액트를 사용할 때는 JSX로 앱을 만들 가능성이 커진다. JSX는 HTML과 아주 비슷해 보이는 태그를 기반으로 하는 자바스크립트 구문이다. 리액트의 기본요소를 알아보고, 컴포넌트와 엘리먼트를 합성하는 커스텀 컴포넌트를 만드는 방법을 살펴봄으로써 리액트 컴포넌트에 대해 알수 있다. 4.1 페이지 설정 리액트를 브라우저에서 다루려면 React와 ReactDOM 라이브러리를 불러와야 한다. React는 뷰를 만들기 위한 라이브러리 ReactDOM은 UI를 실제로 브라우저에 렌더링할때 사용하는 라이브러리 리액트를 사용하기 위한 최소한의 요구 사항 코드 4.2 리액트 엘리먼트 HTML을 브라우저가 문서 객체 모델인 DOM을 구성하기 위해 따라야하는 절차라고 간단히 말할 수 있..

자바스크립트를 활용한 함수형 프로그래밍

러닝 리엑트을 요약한 내용입니다. 3.1 함수형이란 무엇인가? 자바스크립트에서는 함수가 1급 시민이기 때문에 함수형 프로그래밍을 지원한다고 말할 수 있다. 1급 시민이라는 말은 정수나 문자열 같은 다른 일반적인 값과 마찬가지로 함수를 취급할 수 있다는 뜻 이다. var 키워드를 사용해서 함수를 정의할 수 있다. var log function(message) { console.log(message); } log("자바스크립트에서는 함수를 변수에 넣을 수 있습니다."); 화살표 함수를 사용해 같은 함수를 정의할 수 있다. const 키워드를 사용하면 log 변수를 덮어쓰지 못하게 막아준다. const log = message => { console.log(message); }; 함수를 객체에 넣을 수도 있다..