Engineering
9 min read
React-Router-Dom 로더와 액션
1. Loader와 Action은 왜 나오게 되었나?데이터 API의 변화Loader와 Action이 나오기 전인 React Router DOM v6.4 이전에는 라우팅과 데이터 페칭이 완전히 분리되어 있었습니다. 라우터는 단순히 URL에 따라 어떤 컴포넌트를 렌더링할지만 결정했고, 데이터 로딩은 각 컴포넌트의 책임이었습니
Tag
React
![[React] 리액트 개발 도구를 활용해 좋은 웹 어플리케이션 만들기 cover](https://pub-2eadf17a82cb46679204775b78a2c16a.r2.dev/blog/tistory/tistory-11/b8be229207b34211.png)
11 min read
[React] 리액트 개발 도구를 활용해 좋은 웹 어플리케이션 만들기
디버깅은 프로그래밍에서 가장 중요한 요소중 하나다. 잘못된 동작을 찾아내는 것은 때론 간단하지만, 여러 라이브러리와 작성된 코드들이 섞인다면 잘못된 동작을 찾아내기란 사막에서 바늘 찾기다. 이때 활용할 수 있는 리액트 개발 도구에 대해 소개해보겠다.리액트 개발 도구리액트 개발 도구란?리액트 팀에서 리액트 개발을 더 편리하
![[React] SSR은 뭘까..? cover](https://pub-2eadf17a82cb46679204775b78a2c16a.r2.dev/blog/tistory/tistory-10/4bddd020c94ee711.gif)
9 min read
[React] SSR은 뭘까..?
이 글을 읽는 모두 SSR에 대해 많이 들어봤을것이다.SSR, 서버 사이드 렌더링 나도 많이 들어봤지만 그게 정확히 뭐야? 라고 한다면 잘 설명하지 못했었던거 같다. 글을 쓰며 정리하고 다시 읽어보며 SSR을 정복해보자!우선 SSR에 대해 잘 알고 설명할 수 있으려면 SPA에 대하여 잘 알아야한다고 생각한다.📌 SPA란
Engineering
5 min read
[React] useThrottle과 useDebounce에 대해서 알아보자
React 애플리케이션에서 자주 사용하는 useThrottle와 useDebounce는 사용자 인터페이스 성능을 최적화하는 데 유용한 커스텀 훅이다.스크롤, 키보드 입력, 리사이즈 등 이벤트가 자주 발생하는 상황에서 불필요한 호출을 줄여 부드러운 사용자 경험을 제공하는 것이 목적이다 먼저 useThrottle과 useDe
![[React] 언제 메모이제이션을 해야할까? cover](https://pub-2eadf17a82cb46679204775b78a2c16a.r2.dev/blog/tistory/tistory-7/23f004edbe13a9d8.png)
11 min read
[React] 언제 메모이제이션을 해야할까?
스터디 책을 읽다가 평소 관심이 있던 최적화와 관련된 부분이 있어서 정리해보기로 했다.메모이제이션이란?계산 결과를 메모리에 저장해 두고 동일한 계산이 요청될 때 다시 계산하지 않고 저장된 값을 반환하는 최적화 기법이다.리액트에서는 useMemo, useCallback 훅과 고차 컴포넌트인 memo를 활용해 메모이제이션을