© 2023 powered by Joo
- All (22)
- React (16)
- SSAFY (12)
- 프로젝트 (12)
- D3js (1)
- ScrollTrigger (1)
- 회고 (2)
- ReactThreeFiber (1)
- Reactquery (1)
- ErrorBoundary (1)
- firebase채팅 (1)
- react채팅 (1)
- arduino멀티쓰레드 (1)
- Nextjs (4)
- redirect (1)
- 블로그프로젝트 (3)
- VanillaExtract (1)
- Darkmode (1)
- use-server (1)
- Web-serial-API (1)
- arduino (1)
- 알고리즘 (1)
- python (1)
- 파이썬 (1)
- 카카오코테 (1)
- react라이브러리 (3)
- 인프콘2024 (1)
- 인프런 (1)
- 랠릿 (1)
react라이브러리
react-counup-animate 로직과 테스트(jest) 추가하기
7개월 전
React
react라이브러리
필요한 추가 로직처음 로직은 각각의 숫자들이 시작하는 딜레이(`startDelay`)와 각각의 숫자들이 멈추는 딜레이(`endDelay`)를 초 단위로 받아서 숫자들 간의 딜레이가 모두 동일하게 적용되도록 했다.하지만 모든 Delay가 같다면 숫자가 20자리 이상됐을
React 라이브러리 npm에 배포하기
7개월 전
React
react라이브러리
이전 글에서 react-countup-animate라는 컴포넌트를 제작했다.이제 이것을 사람들이 사용할 수 있도록 NPM에 배포해보자 Rollup Rollup은 JavaScript 모듈을 하나의 파일로 번들링하기 위한 모듈 번들러다. 주로 라이브러리나 프레임워크 개발
숫자 count-up 애니메이션 효과 만들기
7개월 전
React
react라이브러리
숫자를 강조하고 싶을 때 위치, 폰트, 색 등으로 효과를 주는 방법이 있다.하지만 이 마저도 부족하다 싶어 조금 더 숫자에 강조를 주고 싶은 마음에 애니메이션을 추가하고자 시작했다.---보통 효과를 어떻게 주고 있는지 검색해보니