어떤 환경이던 Code splitting을 해서 Dynamic하게 import를 진행 때에 주의해야 할 점이 있다. Next.JS의 dynamic을 사용하여 예를들어 설명해보겠다.일반적으로 dynamic import는 위와 같은 상황에 사용하게된다.실제로 이를 dev

React에서 크게 Rerendering이 일어나는 조건은 크게 보면 3가지정도가 있다.1\. 함수 내의 State가 변경되었을 때2\. 부모 컴포넌트가 Rerender되었을 때3\. 컴포넌트의 Props값이 변경되었을 때자세하게 설명하면 수많은 조건이 있겠지만 대부분

위 사진에서 UI를 담당하는 Notification Component가 아니라 이를 구현하기 위한 Provider를 만들 예정이다.필요한 기능들은 아래와 같다.1\. 토스트기능2\. Auto dismiss on/off 기능3\. dismiss ms 설정 기능4\. su

useSWR이 좋은 라이브러리라고는 이미 널리 알려져 있음에도 불구하고 useSWR에 관련된 글들에는 csr에 있어서 거의 완벽에 가까운 라이브러리인데도 불구하고 여러가지 방법으로 응용하여 사용하는 경우는 많이 보지못했기에 가볍게 useSWR의 좀더 섹시한 사용방법중

Cross-domain 환경에서 cookie 사용 시 발생할 수 있는 문제점과 oauth 인증 서버를 거쳐 cookie를 등록할때에 발생할 수 있는 문제점들에 대한 해결방법

프로젝트를 개발하다가 겪은 MongoDB의 connection limit 관련된 이슈를 해결한 방법에대해서 정리해볼려고한다. 평범하게 프로젝트를 개발하던 중 위의 이미지와 같이 DB의 connection이 exceeded 되었다는 메일이 엄청나게 오는것을 발견하였

react.memo에 대한 정리useMemo에 대한 이야기나 사용법은 잘 알아도 React.memo는 생소하다고 느끼는 사람들이 많을 것 같아서 정리차원에서 글을 작성하게 되었다.React.memo는 특정한 몇 가지의 경우를 제외하고는 실제로 사용할 일이 많이 없으며

작년 11월즈음 mongoDB Korea에서 대충 아래와 비슷한 양식의 메일이 날아왔다.자격증만 따면 응시료를 100% 반환해주고 떨어지더라도 50%를 할인해준다는 완전 혜자 이벤트를 진행한다는 메일이였다. 물론 자격증 시험료가 150불로 싼 편은 아니다.어찌됐든 기존

useSWR에는 크게 3가지의 hook들이 있다. 1\. useSWR2\. useSWRInfinite3\. useSWRImmutable(1.@ 버전부터 제공)useSWR은 Next.JS에서 csr로 페이지를 만들고자 할 때 없어서는 안될 hook이라고도 말할 수 있을

TailwindCSS 3.0이 얼마전에 Release되었는데 3.0에서 새로 추가된 기능들을 소개합니다. 기존에는 따로 Mode설정을 해야 사용할 수 있었던 JIT가 이제는 따로 설정하지 않아도 all time사용할 수 있게 되었습니다. 아래의 Pallete가 2.

예시 이미지최근에 네이버 웹툰에서 나온 짤 중 위와 같은 짤이 있는데 이 짤이 많이 유행하고 사람들이 말풍선 안의 대사를 직접 수정해서 많이 쓰는 것 같아서 이를 편하게 하기 위해 김성모 짤 생성기 페이지를 직접 만들어서 무료로 배포해보았다.페이지 예시 이미지만든 뒤

tailwind css 조와용