트러블슈팅

마우스 트래킹은, 실시간 협업 툴을 구상한다면 빼놓을 수 없는 기능이다. 실시간으로 다른 유저의 마우스 움직임을 볼 수 있다는 것은, 다른 어떠한 기능보다도 유저에게 협업을 하고 있다는 느낌을 주기에 안성맞춤이기 때문! 더불이 이번에 진행한 프로젝트에서 내가 주로

HTML의 canvas 요소에 대해 잘 알고 계신가? 우선 난 이번 프로젝트 진행 전에는 canvas 에 대해 정~말 아무것도 몰랐다. 하지만 마인드맵 기반 협업 툴이라는주제를 다루는 프로젝트 특성상, 프로젝트 기간 내내 canvas 와 동고동락하게 되었고, 이제는 그

나만무 프로젝트의 구현 사항 중, '검색을 통한 이미지 노드 생성'이 있었다. 이 부분은 내가 구현하게 되었는데, 구현 자체만을 떼 놓고 본다면 난이도는 어렵지 않았다. 무료 이미지 사이트인 Unsplash API를 이용했었는데, 워낙 사용하기 편하게 잘 되어있어서

한 번 써보면 헤어나올 수 없는 마성의 React 상태 관리 라이브러리 Zustand!324kB라는 깃털같은 패키지 사이즈와 간단한 사용법, 압도적 편리함까지..이렇게 좋아도 되나? 싶은 생각이 들 정도로 애정하는 라이브러리다.이 녀석을 Next.js 환경에서 사용해보

useEffect ! 리액트를 이용하여 작업해 본 경험이 있는 프론트엔드 엔지니어라면 너무나 친숙할 hook 이다. 컴포넌트 내에서 API 호출, 로컬 스토리지 접근 등 일반적인 리액트의 렌더링 주기를 벗어난 동작을 하는 데에 사용되는 아주 유용한 훅이다.가장 흔하게

Cypress 는 모던 웹 어플리케이션 테스트를 도와주는 도구이다. 최근에 프론트엔드 테스트에 관심이 생겨 이것저것 공부하던 중 알게 된 툴인데, 테스팅에 관련된 다양한 기능들을 제공해준다. 특히 e2e 테스트라고 부르는 엔드 투 엔드 테스트에 매우 강력한 모습을

내가 이유를 알 수 없는 애드몹 계정 반려를 해결했던 방법