ReactJS (2) 썸네일형 리스트형 [React] 왜 React를 사용하는가 React를 사용하는 이유 컴포넌트 기반 UI 라이브러리 웹 페이지를 만들다 보면 새로운 페이지를 렌더링하더라도 header, nav 등의 태그를 활용하여 중복된 내용을 보여주는 경우가 있다. 순수하게 HTML, CSS, Javascript만 활용하여 페이지를 제작한다면 주요 내용을 보여주기 위해 중복된 내용은 코드를 복사, 붙여넣기를 반복해야 할 것이다. 주요 내용이 많아진다면 HTML 파일이 무수히 많아질 것이다. 이러한 비생산적인 행위가 발생할 것을 방지하기 위해서 사용성이 높은 코드는 컴포넌트화하여 사용하는 것이 유익하다. 컴포넌트화하여 프론트엔드 프로그래밍을 도와주는 라이브러리가 React이다. 선언형 프로그래밍 React를 알기 전에 Vanilla JS로 웹 페이지에 기능을 부여할 때, 한 줄.. [React] prop-types 사용하기 앱의 규모가 커지면서 데이터의 수가 증가하고, 종류도 다양해진다. 점점 복잡해지는 상황에서 에러를 최소화하기 위해서 적절한 데이터를 사용할 필요가 있는데, prop-types 라이브러리에 내장된 기능을 활용하여 데이터 유효성을 검증하려고 한다. 설치 npm install prop-types 데이터 검증 유형 기본형식 import PropTypes from 'prop-types'; functino App({propString, propNumber, propArray, propObject, propFunc, propBool, propSymbol}) { return ( // ... ); } App.propTypes = { // 문자열 propString: PropTypes.string, // 숫자 propNu.. 이전 1 다음