본문 바로가기

분류 전체보기231

[30] React와 Redux를 활용한 비동기 작업 관리 React와 Redux를 활용한 비동기 작업 관리는 Redux Toolkit과 함께 사용하면 더욱 간편해집니다. 비동기 작업 관리의 핵심은 데이터를 비동기적으로 가져오는 작업(API 호출 등)을 관리하고, 이를 Redux 상태로 통합하여 React 컴포넌트에 전달하는 것입니다. 1. 비동기 작업 관리의 기본 원리React와 Redux에서 비동기 작업이 필요한 이유외부 API 호출: REST API나 GraphQL을 통해 데이터를 가져오거나 전송할 때데이터 상태 관리: 로딩 상태, 성공 여부, 에러 상태를 Redux 상태로 관리컴포넌트 간 상태 공유: 비동기 데이터를 여러 컴포넌트에서 재사용 Redux에서 비동기 작업의 문제Redux 자체는 동기 상태 관리를 위한 도구이므로, 비동기 작업을 직접적으로 처리.. 2025. 1. 10.
[Youtube-clone 팀 프로젝트] React 활용한 유튜브 "메인화면" Redux 적용 방법 및 회고 - 4 깃허브 주소https://github.com/PrograMemo-Groom/youtube-clone GitHub - PrograMemo-Groom/youtube-clone: [Team 1] prograMemo youtube-clone site[Team 1] prograMemo youtube-clone site. Contribute to PrograMemo-Groom/youtube-clone development by creating an account on GitHub.github.com 배포사이트 주소https://programemo-youtube.netlify.app/ PrograMemo Youtube programemo-youtube.netlify.app 안녕하세요 이번에는 Redux Toolkit.. 2025. 1. 10.
[Youtube-clone 팀 프로젝트] React 활용한 유튜브 "메인화면 - 카테고리바" 제작 및 회고 - 3 깃허브 주소https://github.com/PrograMemo-Groom/youtube-clone GitHub - PrograMemo-Groom/youtube-clone: [Team 1] prograMemo youtube-clone site[Team 1] prograMemo youtube-clone site. Contribute to PrograMemo-Groom/youtube-clone development by creating an account on GitHub.github.com 배포사이트 주소https://programemo-youtube.netlify.app/ PrograMemo Youtube programemo-youtube.netlify.app 이번에는 카테고리바에 대해서 알아보겠습니다... 2025. 1. 9.
[Youtube-clone 팀 프로젝트] React 활용한 유튜브 "메인 화면-드롭다운메뉴" 제작 및 회고 - 2 깃허브 주소https://github.com/PrograMemo-Groom/youtube-clone GitHub - PrograMemo-Groom/youtube-clone: [Team 1] prograMemo youtube-clone site[Team 1] prograMemo youtube-clone site. Contribute to PrograMemo-Groom/youtube-clone development by creating an account on GitHub.github.com 배포사이트 주소https://programemo-youtube.netlify.app/ PrograMemo Youtube programemo-youtube.netlify.app 이번 포스터에는 메인화면에 드롭다운메뉴에 대.. 2025. 1. 9.
[Youtube-clone 팀 프로젝트] React 활용한 유튜브 "메인 화면" 제작 및 회고 - 1 깃허브 주소https://github.com/PrograMemo-Groom/youtube-clone GitHub - PrograMemo-Groom/youtube-clone: [Team 1] prograMemo youtube-clone site[Team 1] prograMemo youtube-clone site. Contribute to PrograMemo-Groom/youtube-clone development by creating an account on GitHub.github.com 배포사이트 주소https://programemo-youtube.netlify.app/ PrograMemo Youtube programemo-youtube.netlify.app 프로그래모 스터디에서 처음으로 팀 프로젝트인.. 2025. 1. 9.
[29] 리덕스 ver.자세한 설명 Redux에 대하여https://ko.redux.js.org/ Redux - 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. | Redux자바스크립트 앱을 위한 예측 가능한 상태 컨테이너.ko.redux.js.org 1. Redux자바스크립트 앱을 위한 예측 가능한 상태 컨테이너data의 흐름을 일방향화하여 산재되어 있는 구조와 흐름을 정리해주고, 이에 따른 코드의 유지보수와 무결성을 높여주는 도구일관적으로 동작하고, 서로 다른 환경에서 작동하며, 테스트하기 쉬운 앱을 작성하도록 도와줍니다.Redux는 React와 다른 라이브러리지만, 함께 사용할 수 있습니다.애플리케이션의 모든 상태를 하나의 중앙 저장소(store)에서 관리하는 것이 특징입니다. 2. Redux의 핵심 개념(1) Store애플리케이.. 2025. 1. 8.

티스토리툴바