반응형 SMALL 개발/React Native25 [React-Native, RN, Typescript] PokeAPI로 배우는 Redux-Toolkit 비동기처리 Redux-Toolkit 이란?리덕스 개발팀에서 만든 공식 라이브러리.기존의 리덕스의 불편함을 개선하여 모듈 작성 시 액션 타입, 액션 생성 함수, 리듀서를 한 번에 작성할 수 있고,상태를 업데이트할 때 불변성에 대해 신경쓰지 않아도 된다는 장점이 있다. Redux-Toolkit으로 비동기처리 하는 법?그것은 바로, Redux Thunk를 사용하는 것이다.createAsyncThunk와 createSlice를 사용하여 Redux-Toolkit만으로 비동기 처리를 쉽게 할 수 있으며,Redux-Saga에서만 사용할 수 있던 기능(이미 호출한 API 취소하기 등)까지 사용할 수 있다. PokeAPI로 Redux-Toolkit Thunk로 비동기 처리 실습하기1. 새 프로젝트 생성npx react-native.. 2024. 8. 2. [React Native, RN, Typescript] 팀프로젝트 앱 개발 담당파트 시연영상 React Native를 사용해 개발한 기능들을 시연한 영상이다.아쉽게도 팀 프로젝트 중 한 팀원분이 개인 사정으로 인해 팀에서 나가시게 되어 프로젝트를 마무리 하지 못했다.2개월이라는 짧은 기간이었지만, 매일 밤새워 작업할 만큼 열심히 임했던 프로젝트이다.이로 인해 원형탈모까지 생길 정도로 힘든 시간이었지만, 그만큼 열정적으로 작업했기에 이 블로그에 그 작업 시연 영상을 기록으로 남기고자 한다. (참고로, 유튜브 개인 채널에도 업로드 함.) 2024. 8. 1. [RN 개발일지] 좋아요 기능 구현하기 (버튼 클릭 시 이미지 및 좋아요 수 변경) 1. 개발 전 준비물색깔이 안채워진 하트 이미지색깔이 채워진 하트 이미지 2. 개발 시작우리가 만들고자 하는 좋아요 컴포넌트는 다음과 같은 기능이 구현되어야 한다.1. 버튼 클릭 시 색깔이 안채워진 하트에서 색깔이 채워진 하트로 변경되어야 함. (이 반대의 기능도 구현되어야 함.)2. 좋아요 버튼 옆에 몇 명이 좋아요를 클릭했는지 갯수가 표시되어야 함.3. 버튼 클릭 시, 갯수가 변경되어야 함.(채워진 하트 -> 안채워진 하트로 변경 시, 좋아요 갯수가 1개 줄어야 함.)(안채워진 하트 -> 채워진 하트로 변경 시, 좋아요 갯수가 1개 늘어나야 함.) 이러한 기능이 구현되도록 좋아요 버튼 컴포넌트를 만들어보자. 우선, HeartImageComponent.tsx 파일을 생성한다.import React, .. 2024. 5. 15. [에러] error Failed to install the app. Command failed with exit code 1: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 이슈 1. cd android2. ./gradlew clean3. cd ..4. npm cache clean --force5. 안드로이드 에뮬레이터 재부팅6. yarn android 2024. 5. 7. 이전 1 2 3 4 ··· 7 다음 반응형 LIST
