#reactjs
Read more stories on Hashnode
Articles with this tag
Remix 프로젝트를 Cloudflare Pages로 배포할 수 있도록 리팩토링합니다. · 리팩토링 계기 지금 이력서와 포트폴리오를 마크다운 파일로 작성하여 Remix 프레임워크를 통해 개인 클라우드에서 배포하고 있다. Remix를 채택한 이유는 다음과...
브라우저 창 사이즈가 변경되는 걸 더 효율적으로 감지할 수 있는 방법을 기록했습니다. · Resize 이벤트 인터넷에 검색했을 때 화면 사이즈가 변경되는 걸 감지하는 방법은 resize 이벤트를 감지하여 콜백 함수를 실행하게 하는 것이다. 브라우저 창이 최소 1픽셀씩 변경될...
각 모달의 상태를 더 빠르게 파악하기 위해 React Context를 적용한 과정을 기록했습니다. · 모달 컴포넌트 예시 예전에는 리액트 프로젝트에서 모달 컴포넌트를 렌더링할 때는 다음과 같은 방법을 주로 적용했다. // Modal.tsx interface...
React 프로젝트에서 React Router DOM으로 라우팅을 관리할 때 Suspense, lazy까지 활용해야 하는 이유 및 과정을 작성했습니다. · React Router DOM React 프로젝트에서는 React Router DOM으로 페이지 라우팅을 관리할 수...
remix-fastify 패키지를 참고하면서 Fastify로 Remix 애플리케이션을 실행시키기 위한 과정들을 기록했습니다. · Remix Remix 공식 웹 사이트에서는 Remix를 다음과 같이 소개하고 있다. React 기반 풀스택 웹 프레임워크 웹 표준을 준수하면서...
React 또는 타입스크립트 프로젝트에서 Promise.allSettled를 활용해야 하는 이유, 그리고 어떻게 프로젝트에 적용했는지를 작성했습니다. · Promise.all 프론트엔드에서 여러 개의 네트워크 요청을 처리할 때 Promise.all 또는...
