react-native animated numbers 만들기, 애니메이션, number, count, react, Animated
react-native animated numbers 만들기, 애니메이션, number, count, react, Animated
kyounghwan01.github.io
https://duckgugong.tistory.com/210--> 큐비 사용 했던거
progress bar 만들기
React에서 transition 을 사용해서 progress bar 만들기 리액트 요소를 클릭했을 때, state값이 1씩 증가함에 따라 1초동안 부드럽게 progress bar의 넓이의 1/5만큼 파란색이 채워지는 progress bar를 만들어보자.
duckgugong.tistory.com
부트스트랩 사용
https://runebook.dev/ko/docs/react_bootstrap/components/progress/index
React Bootstrap - Progress bars 간단하면서도 유연한 막대를 사용하여 워크플로 작업의 진행 상황에 대
간단하면서도 유연한 진행률 표시 줄을 사용하여 워크 플로 또는 작업의 진행 상황에 대한 최신 피드백을 제공합니다. 기본 진행률 표시 줄. 보이는 비율을 표시하려면 label 소품을 추가하세요 .
runebook.dev
https://react-bootstrap.github.io/components/progress/#progress-bar-props
React-Bootstrap
The most popular front-end framework, rebuilt for React.
react-bootstrap.github.io
'PROGRAMMING CODE > Web' 카테고리의 다른 글
| [React] List 생성 (0) | 2022.11.14 |
|---|---|
| [React] 애니메이션 관련 (0) | 2022.11.14 |
| [React] 함수형 컴포넌트에서 데이터 전달 (props) (0) | 2022.11.14 |
| [React] 이미지를 배열로 저장하고 불러오기(Map) (1) | 2022.09.22 |
| [React] 리액트 프로젝트 핸드폰에서 실행하는 방법(Mac) (0) | 2022.09.22 |