© 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라이브러리
숫자를 강조하고 싶을 때 위치, 폰트, 색 등으로 효과를 주는 방법이 있다.하지만 이 마저도 부족하다 싶어 조금 더 숫자에 강조를 주고 싶은 마음에 애니메이션을 추가하고자 시작했다.---보통 효과를 어떻게 주고 있는지 검색해보니
FastAPI를 Web serial api로 교체하기
8개월 전
React
Web-serial-API
arduino
현재 작업중인 키오스크는 아두이노를 제어하기 위해 다음 형태와 같이 FastAPI를 이용해 시리얼 통신을 하고 있다.
[프로젝트]물건 공유 플랫폼- 4 (구현)
11개월 전
React
SSAFY
프로젝트
arduino멀티쓰레드
개요- 라즈베리파이는 아두이노와 시리얼 통신, 서버와 소켓통신을 해야한다.- 통신 연결은 정상적으로 됐으나 두 개의 통신이 동시적으로 일어나지 않고 딜레이가 쌓여가 원활하게 작동이 안된다. 해결과정- 첫 번째 해결 방안 - 두 개의 task를 만들어 멀티쓰레딩을