time-timer's Introduction

Self

HANDIMADES

🌟: Featured service
👆: Interactive project
📕: Open source library

2024

2024.05.18 - 📕 number-rolling Repo Demo
2024.04.29 - 📕 @fecapark-stack/react Repo
2024.03.18 - 👆 Wave Image Repo
2024.03.11 - 🌟 pati.gg (Out of service) Website
2024.02.08 - 🌟 Mapleland Auction (1M+ views/mo) (Out of service) Website

2023

2023.06.27 - 👆 Metaball Interaction Repo
2023.02.01 - 🌟 👆 Time Timer Repo

2022

2022.12.25 - 👆 Masking Animation Repo
2022.07.07 - 👆 Material Form Repo
2022.04.20 - 👆 Inside Slushy Repo (migrated)

2021

2021.02.10 - Nomadcoders Todo Contest Repo (migrated)

2020

2020.06.20 - Avoid Blobs! Repo Remaster

EXPERIENCE

2024.04.04 ~ Present - Yourssu Frontend (Member)
2023.10.09 ~ Present - Google Developer Students Clubs Soongsil 23-24 Frontend (Member)
2021.12.06 ~ 2023.09.05 - ROKAF computerization equipment maintenance (대한민국 공군 전산장비정비병)
2021.04.22 ~ 2021.12.04 - 숭실대학교 글로벌통상학과 데이터마이닝 연구보조원 (국제통상협정문서 정량화 프로젝트 참여)
2020.03.02 ~ Present - Soongsil Univ. Computer Science

time-timer's People

Contributors

Stargazers

Watchers

time-timer's Issues

[Bugs] 기록 페이지 Failed to construct 'Intersection': rootMargin must be specified in pixels or percent.

재현 경로

https://timer.fecapark.com/records

원인

해당 페이지에서 개발자 도구 콘솔 확인 시 아래와 같은 오류 메시지 확인이 가능합니다.
Failed to construct 'IntersectionObserver': rootMargin must be specified in pixels or percent.

수정

해당 오류는 IntersectionObserver의 option 중 rootMargin 지정 시 0에 단위를 적어주지 않아서 발생한 것으로 추정됩니다.
아래는 관련 링크입니다.
w3c/IntersectionObserver#126
https://velog.io/@nemo/IntersectionObserver-options-error

따라서 아래와 같이 4개의 컴포넌트에서 rootMargin 옵션이 0으로 작성된 부분을 0px로 단위를 밝혀 수정해야 할 것으로 보입니다.

components/pages/records/RecordLogs/SameDayContainer/SameDayContainer.tsx
components/pages/records/RecordOverview/contents/Graph/Graph.tsx
components/pages/records/RecordOverview/contents/Behavior/Behavior.tsx
components/pages/records/RecordOverview/contents/TotalTime/TotalTime.tsx

const { collide, scrolled } = useViewportCollision({
    ...
    rootMargin: "0px 0px -80px 0px",
  });

fecapark / time-timer Goto Github PK