1. 프로젝트 소개프로젝트 소개: 포켓몬 목록을 불러와 화면에 무한 스크롤로 표시하는 애플리케이션입니다. React와 React Query, Ant Design, Styled-components를 사용해 데이터를 비동기적으로 가져오고, 화면을 스크롤할 때마다 포켓몬 목록을 추가로 로드합니다.목표: Poke API에서 데이터를 가져와 무한 스크롤 기능을 구현하고, React Query를 통해 효율적인 데이터 fetching을 학습합니다.2. 기술 스택 및 환경사용한 기술:React: UI 구성 및 상태 관리React Query: API 요청과 상태 관리Styled-components: 스타일링Ant Design: UI 구성 요소useInView: 화면에 들어온 요소만 렌더링하여 성능 최적화개발 환경:VSC..

※ youtube의 코딩알려주는 누나 영상을 참고하였습니다 ! ※ 1. 프로젝트 소개간단하게 무한스크롤(Infinity-Scroll) 구현을 해보았습니다. 유튜브의 코딩알려주는누나의 영상을 참고하여 만들어 보았습니다.영화 데이터를 기반으로 한 무한 스크롤 영화 리스트를 구현한 프로젝트입니다. React와 React Query를 활용하여 데이터를 불러오고, 사용자가 스크롤할 때마다 새로운 페이지를 불러오는 기능을 구현했습니다. 특히, useInfiniteQuery를 사용하여 페이지네이션을 처리하고, react-intersection-observer로 화면에 영화 목록이 보일 때마다 데이터를 추가로 불러오도록 했습니다.2. 기술 스택 및 환경사용한 기술: React, styled-components, Rea..

1. 프로젝트 소개간단한 To-Do List 앱을 React와 JavaScript로 구현한 프로젝트입니다. 이 프로젝트에서는 특히 props를 제대로 이해하고 사용하려는 목표를 가지고 진행하였습니다.2. 기술 스택 및 환경사용한 기술: React, styled-components개발 환경: VSCode3. 프로젝트 기능 설명핵심 기능: 할 일을 추가하고, 완료한 일정은 삭제할 수 있도록 할 수 있습니다.UI/UX:사용자는 할 일을 입력하고, 등록 버튼을 누르면 해당 항목이 목록에 추가됩니다.완료된 일정을 삭제 버튼을 통해 제거할 수 있습니다.4. 코드 설명App.js: useState로 상태를 관리하여 할 일 목록을 저장하고, 사용자가 입력한 값을 처리합니다. AddItem 함수로 할 일을 추가하고, R..