© 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)
all
인프콘 2024 렐릿 초대권 도전!
3개월 전
인프콘2024
인프런
랠릿
입사한지 벌써 3개월차가 됐다.공부와 현업의 차이는 하늘과 땅 차이라는 것을 느끼고 있는 요즘이다.특히, 실사용 서비스를 만든다는 것에 대해 큰 책임감이 느껴진다.비록 프론트엔드는 혼자 맡고 있지만 코드리뷰와 이후 들어올 팀원을 위해 코드의 가독성과 유지보수성에 큰 신
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라이브러리
숫자를 강조하고 싶을 때 위치, 폰트, 색 등으로 효과를 주는 방법이 있다.하지만 이 마저도 부족하다 싶어 조금 더 숫자에 강조를 주고 싶은 마음에 애니메이션을 추가하고자 시작했다.---보통 효과를 어떻게 주고 있는지 검색해보니
[알고리즘] 프로그래머스 등산코스 정하기 파이썬 (2022 KAKAO TECH INTERNSHIP)
7개월 전
알고리즘
python
파이썬
카카오코테
전형적인 다익스트라 문제 중 하나이다.
요즘 읽는 책 중 python의 defaultdict과 heapq를 활용한 코드를 보고 오랜만에 다익스트라 문제를 풀어봤다.