봉보로봉봉

Vite로 만든 프로젝트를 gh-pages로 배포할 때는 gh-pages 라이브러리를 설치하지 않아도 된다. vite.config.js 파일로 가서 base를 추가한다. // vite.config.js import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; // https://vitejs.dev/config/ export default defineConfig({ base: '/레포이름/', plugins: [react()], }); BrowserRouter에 basename을 추가한다. const Router = () => { return ( ); }; HashRouter라면 basename은 필요없다! gh-pages..

propTypes propTypes으로 props로 들어올 데이터타입을 검사할 수 있다. isRequierd로 필수 항목도 지정해줄 수 있다. 문자와 숫자 말고도 다양한 타입을 검사할 수 있다. import PropTypes from 'prop-types'; MyComponent.propTypes = { name: PropTypes.string.isRequired, // 필수 항목 picture: PropTypes.string, // 필수 항목 아님 score: PropTypes.number.isRequired, }; 참고 커스텀 컴포넌트에는 addEventListener를 달 수 없다. length 0 arr.length = 0 이면 리액트는 0을 출력하기 때문에 배열의 길이가 0일때는 출력하지 않을거..