실무8 react-fast-marquee v1.6.5: Duration 계산 불안정으로 인한 속도 불일치 이슈 제기 해당 내용은 사내 프로젝트에서 라이브러리 이슈가 있어서 분석후 라이브러리 repo의 이슈에도 등록해놓았습니다.- 버전 : 1.6.5- 이슈 내용- 원인 분석(with 소스코드 분석)- 재현 방법- 이전 관련 PR 이력 파악https://github.com/justin-chu/react-fast-marquee/issues/130 티커 라이브러리를 사용하는데 다른 컴포넌트를 생성시 티커 컴포넌트의 속도가 달라지는 현상이 발생하였습니다.소스코드에서 speed로 계산하는 부분이 있나 살펴보겠습니다.https://github.com/justin-chu/react-fast-marquee/blob/master/src/components/Marquee.tsxmarqueeWidth, containerWidth, spee.. 2025. 3. 28. 디자이너, 다른 개발자와 소통하기 다른 개발자와 소통 - 코드리뷰테스트한 사항 정리전체적인 코드 흐름 파악버그 점검 다른 개발자와 소통 - 기존 코드를 이해하고 그림으로 남겨서 다른 팀원의 온보딩 단축하기사내 프로젝트에 투입된 초기에, 그리고 함께 개발해나가면서 다른 팀원의 코드를 이해하는것은 중요합니다.이 글은 다른 팀원의 코드를 이해하는 방식에 대하여 소개합니다.서버와 클라이언트 관계가 어떻게 되는지 큰 흐름에서 파악할 수 있습니다.이렇게 큰 흐름을 파악한 그림은 나중에 처음 프로젝트에 투입된 팀원에게도 빠르게 프로젝트를 파악하는데에 도움이 되기 때문에 그림으로 남겨둡니다. 디자이너와 소통 - Figma 디자인 이슈 템플릿사내 프로젝트를 진행하면서 기획이나 디자인이 나오더라도 개발하다보면 논의할 사항이 있을 수 밖에 없습니다.그런.. 2025. 3. 23. vue3, Pinia https://github.com/HongJungKim-dev/hobby-hive 배포주소https://hobby-hive-eight.vercel.app/ Hobby Hive - 취미 공유 커뮤니티취미 이미지 공유 나만의 취미 활동을 이미지로 기록하고 다른 사람들과 공유해보세요. 당신의 취미 활동을 사진으로 기록하고, 다른 사람들과 함께 나눠보세요. 취미 커뮤니티에서 새로운 아hobby-hive-eight.vercel.app위의 프로젝트는 Next, React환경에서 만든 프로젝트이고 아래 레포에서 vue로 진행중이지만 vue로 구현한 레포는 아직 배포 및 퍼블리싱이 미비되어서 프로젝트 내용은 상단 코드와 배포주소에서 확인 가능합니다.https://github.com/HongJungKim-dev/hobb.. 2025. 3. 23. TanStack Query 내부구조 (with 코드) + 실무 적용 React Query 가이드 문서에서 제공하는 내용을 통해 사용법만 익혀서 프로젝트에 적용할 수도 있습니다. 그런데 내부의 동작을 파악하면 라이브러리를 올바르게 사용하는 데에 도움이 되고 디버깅 시간도 줄일 수 있을것 같아서 파악해보았습니다. 최대한 올바르게 파악하기 위하여 React Query 블로그에서 제공하는 자료와 github코드를 참고하였습니다.이러한 원리를 학습하고 이를 사내 프로젝트에 적용한것을 아래에서 예시를 들어 설명하겠습니다. 1. 주요 구성 요소React Query는 크게 Query Core와 Framework Specific로 나뉩니다.Query Core (프레임워크 독립적인 핵심 로직)QueryClient: React Query의 중심 객체로, 기본 설정(defaultOptions.. 2025. 3. 16. 이전 1 2 다음
