React

요즘 소셜 미디어나 뉴스 피드를 보면 콘텐츠가 끝없이 이어지는 경험을 쉽게 할 수 있습니다. 사용자가 페이지를 아래로 스크롤하면 새로운 콘텐츠가 자연스럽게 로드되는 것, 이것이 바로 무한 스크롤(Infinite Scroll) 입니다.이번 포스트에서는 왜 무한 스크롤이

파일 업로드 구현관련해서 바닐라JS와 React 코드를 비교하기로 한다.가장 먼저, 바닐라JS에서의 코드이다.동적으로 태그를 추가해서 구현하는것이 일반적인 케이스이다.React에서의 코드는이떄 브라우저는 client가 서버에게 파일 저장하라고 하기전에 임시로 파일을 메

보통 props를 통해 상위 컴포넌트가 하위 컴포넌트한테 데이터를 전달을 한다. 이를 props drilling이라고 하는데 잘못하면 불필요한 컴포넌트의 리렌더링까지 일으 킬 수 있다. 이를 위헤 전역적으로 데이터를 관리할 수 가 있는데 스토어를 사용하거나 contex

이전 방식의 핵심 의도 요약브라우저 화면 높이를 꽉 채우되, 이미지가 잘리는 것(cover)을 방지하고 이미지의 전체 요소(캐릭터, 꽃 등)가 화면 안에 다 들어오게 하려는 의도였습니다.imageAreaGuide: 이름(nameOverlay)과 하단 정보(informa

브라우저에서 접속시 가장 기준점이 되는 파일로, /public 폴더에 위치하며, 루트요소는 리액트앱의 실행결과를 출력한다.리액트앱이 실행할때 가장 먼저 호출되는 엔트리 파일이다.createRoot(container , {option})을 인자로 가진다. 컨테이너는 R

QueryClientProvider의 역할\-> 아래 예제 코드를 보자.여기서 QueryClientProvider의 역할은 무엇인가?\-> QueryClientProvider는 생성된 queryClient 인스턴스를 하위 컴포넌트 트리 전체에서 사용할 수 있도록 주입