알아두면 좋은 라이브러리
-
[detect-port] 사용 가능한 포트 찾기 :: 마이구미알아두면 좋은 라이브러리 2022. 1. 4. 22:20
이 글은 사용 가능한 포트 번호를 찾는 라이브러리 detect-port 을 다룬다. CRA(create-react-app) 에서는 이미 사용 중인 포트 번호가 아닌 사용 가능한 포트 번호로 서버 실행을 도와준다. 관련 기능에 대해 어떻게 동작되는지 알아본다. 조금이나마 도움을 줄 수 있는 라이브러리들을 소개하는 카테고리로 분류된 글이다. 알아두면 좋은 라이브러리 detect-port 와 같은 라이브러리는 현재 사용 가능한 포트 번호를 찾아주는 용도로 사용된다. 우리는 이러한 기능을 필요로 하거나, 이미 자연스럽게 사용하고 있다. 이 라이브러리를 사용하고 있는 대표적인 예는 CRA(create-react-app) 로 들 수 있다. 그 외에도 익숙한 곳들에서도 많이 사용하고 있는 README.md 에서 확인..
-
[use-memo-one] useMemo/useCallback 개선 :: 마이구미알아두면 좋은 라이브러리 2021. 11. 29. 21:33
이 글은 useMemo/useCallback 와 관련된 라이브러리 use-memo-one 을 다룬다. README.md 중심의 내용과 실제 코드를 통해 리뷰해본다. 조금이나마 도움을 줄 수 있는 라이브러리들을 소개하는 카테고리로 분류된 글이다. 알아두면 좋은 라이브러리 참고로 use-memo-one 은 이전 글에서 다뤘던 memoize-one 라이브러리의 제작자이다. README.md 에서 use-memo-one 를 표현하는 문장을 보자. useMemo and useCallback with a stable cache (semantic guarantee) 지금 당장은 stable cahce, semantic guarantee 용어는 쉽게 이해하기는 힘들 것이다. 우선 쉽게 말하자면, React 에서 제공하..
-
[memoize-one] 캐시를 활용한 라이브러리 :: 마이구미알아두면 좋은 라이브러리 2021. 11. 27. 22:02
이 글은 캐시를 활용한 라이브러리 중 하나로 memoize-one 을 다룬다. README.md 중심의 내용과 실제 코드를 통해 리뷰해본다. 조금이나마 도움을 줄 수 있는 라이브러리들을 소개하는 카테고리로 분류된 글이다. 알아두면 좋은 라이브러리 memoize-one 은 메모이제이션 전략을 사용하는 라이브러리 중 하나이다. 메모이제이션은 동일한 계산을 반복해야하는 경우, 이전에 계산한 값을 저장하여 반복된 계산 수행 없이 활용하는 기법으로 캐시라고 생각하면 이해하기 쉽다. "one" 이름처럼 오직 하나, 가장 최근 결과만 기억한다. 최소화된 기능으로 캐시를 위한 사이즈, 만료 시간, 예외 데이터(blacklist, whitelist) 등은 존재하지 않는다. 결과적으로 위와 같은 기능들로 인한 메모리 누수..