전체 글

프로젝트에 필요한 무료 favicon과 로고를 만들 수 있는 사이트

사이드 프로젝트를 하면서 간단한 파비콘이나 깃헙 리드미 파일에 로고 이미지를 넣어 꾸미고 싶을 때 유용한 사이트. 다양한 폰트가 있어서 이쁜 폰트를 사용할 수도 있다. 사용한 폰트나 이모지의 저작권은 각각 확인해야 한다. 'Terms Of Use' 메뉴에 있으니 참고해서 사용하면 엄청 유용하게 쓸 사이트인 것 같다. 다만 이미지를 로고로 만들고 싶을 경우에는 제한적이다. 그럴 땐.. 지인 찬스.. https://favicon.io/ Favicon.io - The Ultimate Favicon Generator (Free) With Favicon.io you can quickly generate a favicon for your website for free! favicon.io

[React] React Hooks - useMemo, useCallback, useRef

1. useMemo 의존성 변수가 변하지 않은 경우 기존의 값을 그대로 반환함으로서 렌더링 속도를 빠르게 할 수 있는 hook. useMemo함수는 렌더링이 진행되는 과정에서 실행되기 때문에 유의해서 사용해야한다. 예를 들어 서버에서 데이터를 받아오거나 DOM 객체에 접근해야하는 경우는 useEffect를 사용해야 한다. 의존성 배열을 넣지 않을 경우 렌더링 때마다 항상 실행된다. 혹은 의존성 배열을 빈 배열로 남겨둔 경우 useEffect와 같이 마운트 시에만 호출된다. const memoizedValue = useMemo( () => { return updatedValue(deps1,deps2); },[deps1, deps2] ); 2. useCallback useMemo와 달리 값이 아닌 함수를 반..

CRA에서 craco이용해 @components 절대경로 설정

오랜만에 react로 개발하면서 tsconfig에서 절대경로를 설정을 하는데 안되서 알아보니 cra로 세팅한 경우에는 craco 사용해서 또다른 설정을 해줘야한다. 검색을 조금 해보니 react 버전 18에서는 잘 안된다고 하던데 아래 참고 블로그 따라서 해보니 정상적으로 설정됐다. 며칠동안 설정이 안되서 끙끙 앓았는데 깔끔하게 해결-! Error [Craco-Alias Error] Cannot parse tsconfig.paths.json. Please validate it on https://jsonformatter.curiousconcept.com. 위와 같은 에러 발생 시 tsconfig.paths.json파일 마지막 항목에 ","를 붙엿는지 확인해보자. 지우고 실행하면 해결! json이기 때문에..

정수를 구하는 함수

Math.trunc() 정수를 구한다고 하면 어제 학습한 Double tilde 연산자가 생각나는데 그보다 가독성이 높고, 간단하게 작용하는 것 같아 앞으로 자주 이용할 것 같다. Math.trunc(-Infinity); // -Infinity Math.trunc("-1.123"); // -1 Math.trunc(-0.123); // -0 Math.trunc(-0); // -0 Math.trunc(0); // 0 Math.trunc(0.123); // 0 Math.trunc(13.37); // 13 Math.trunc(42.84); // 42 Math.trunc(Infinity); // Infinity 참고자료 MDN