리액트2 [React] 리액트 pagination 적용 react-js-pagination 사용 https://www.npmjs.com/package/react-js-pagination npm i react-js-pagination src/components/Paging.js activePage : 현재 페이지 itemsCountPerPage : 한 페이지 당 보여줄 아이템 수 totalItemsCount : 총 아이템 수 pageRangeDisplayed : paginator에서 보여줄 페이지 범위 prevPageText : 이전 페이지로 가기를 나타내는 텍스트 nextPageText : 다음 페이지로 가기를 나타내는 텍스트 onChange : 페이지가 바뀔 때 핸들링하는 함수 import React from "react"; import Pagination.. 2022. 9. 29. [React] React app 만들기 react 새로운 프로젝트 만들기 Node >= 14.0.0 and npm >= 5.6 필요하기 때문에 먼저 node, npm, npx 버전 확인하기 node --version npm --version npx --version 새로운 프로젝트를 만들기 위해 아래 명령어 실행 npx create-react-app my-app cd my-app npm start my-app은 프로젝트 이름. 소문자를 사용한다고 한다. dress_up 프로젝트 생성 npx create-react-app dress_up ... 프로젝트 폴더로 가서 실행해보기 dress_up 폴더로 이동 cd dress_up 프로젝트 시작 npm start 실행 결과 localhost 3000번 포트(react의 기본 포트) 로 웹페이지가 실행.. 2022. 7. 20. 이전 1 다음
