[TIL] 2020-03-07

[노마드 코더]

ReactJS로 웹 서비스 만들기 #2 JSX & Props 까지 수강

 

[배운 내용]

React 란?	Facebook이 만든  UI 컴포넌트 라이브러리이다.
React 특징	1. 컴포넌트 기반 아키텍처 - 템플릿언어가 아닌 자바스크립트로 컴포넌트 작성한다. - 특정 관심사에 집중된 기능 블록(관심사의 분리) 2. JSX 3. Virtual DOM 4. 단방향 데이터 흐름 지향
map()	각 배열의 요소를 돌면서 인자로 전달된 함수를 사용하여 처리된 새로운 결과를 새로운 배열에 담아 반환하는 함수이다. const numbers = [1, 2, 3, 4, 5]; const result = numbers.map((num) => num *2); console.log(result); result 배열 객체에는 [2.4.6.8.10]의 결과값을 가지는 배열 객체가 반환되게 된다.
propTypes 라이브러리	import React, { Component } from 'react'; import PropTypes from 'prop-types'; class Foo extends Component {   ...      static propTypes = {     strArg : PropTypes.string,                 numArg : PropTypes.number.isRequired      } } 위와 같이 설정할 경우, Foo 컴포넌트의 strArg값은 string 타입이여야타입이어야 하며, numArg값은 number 타입이어야 한다. 그리고 strArg값은 지정하지 않아도 되나 isRequired를 지정한 numArg값은 반드시 설정해야 한다.