300x250 Web/React2 [React] 프로그레스바 꾸미기(React Circular Progressbar) 작은 프로젝트를 진행하는데 프로그레스 바 그리는 것이 필요하기에 어떤 걸 사용할까 찾아보다 보니 원형 프로그레스 바 예쁜 것이 있어서 적용시켜보았습니다. 적용하는데 어려움도 없고 바로 사용할 수 있으니 참고하시기 바랍니다. 라이브러리 이름은 React circular progressbar 입니다. 설치 방법은 아래와 같이 명령어 먼저 작성합니다. yarn으로 설치 시 yarn add react-circular-progressbar npm으로 설치 시 npm install --save react-circular-progressbar 그리고 난 다음에 import { CircularProgressbar } from 'react-circular-progressbar'; import 'react-circular.. 2022. 10. 2. React-js 설치하기. 노드는 이전 포스팅에서 설치를 완료 하였으니 React-js 설치 하는 방법을 작성해두려고 한다. 해당 폴더의 터미널에 npx create-react-app '프로젝트명' 을 칩니다. 예를 들어 프로젝트 명이 test일 경우 아래와 같이 작성합니다. npx create-react-app test 설치가 완료 되면 npm start 명령어를 통해 리액트 프로젝트를 띄울 수 있습니다. npm start 위 명령어를 치면 http://localhost:3000에 프로젝트가 실행되고 있음을 확인할 수 있습니다. 2022. 9. 27. 이전 1 다음 300x250
