728x90 반응형 React/Native4 EXPO) React Native에 TypeScript+Redux ToolKit 적용#1 안녕하세요. 후르륵짭짭입니다.취미 생활로 하는 Expo에 Redux ToolKit을 적용한 내용을 작성하도록 하겠습니다. https://redux-toolkit.js.org/usage/usage-with-typescript Usage With TypeScript | Redux Toolkit redux-toolkit.js.org이 글을 보고 Redux ToolKit을 Typescript로 적용하는 방법을 공부를 해보려고 합니다. ** 설치 ** npm install @reduxjs/toolkit react-redux redux-thunk ** CreateSlice ** 실질적으로 행동을 담당하는 역할을 한다.createSlice는 Redux Toolkit에서 리듀서와 관련된 로직을 간단하게 작성할 수 있도.. 2024. 12. 8. EXPO) EXPO에 앱 업로드 하기 (Simulator & Manual Build) https://docs.expo.dev/build/setup/ Create your first buildLearn how to create a build for your app with EAS Build.docs.expo.dev 안녕하세요. 후르륵짭짭입니다. npm install -g eas-cli eas login eas build:configure=> ALL (IOS, Android) 플랫폼 선택을 해준다.=> eas.json 파일이 생성 된다. - 전체적인 eas.json 파일"build": { "development": { "developmentClient": true, "distribution": "internal" }, "preview": { "and.. 2024. 12. 6. ReactNative) ScrollView와 FlatList의 비교 (feat: React의 &&와 ...) 안녕하세요. 후르륵짭짭입니다. 이번에는 ReactNative에서 UITableView와 같은 기능을 구현하는 방법에 대해서 작성해보려 합니다. UITableView를 안 쓰는 앱은 거의 없으니깐요. 정말 강의에서 알려준 것 만큼 간단한 정보만 작성하려고 합니다. ** ScrollView ** function App2() { ... ... return ( {/* ScrollView는 UI가 Render 될 때 내부의 모든 View를 Rendering 한다. 따라서 List와 같은 형식에서는 ScrollView가 맞지 않다. 그래서 이러한 문제를 해결하기 위해 등장한 것이 FlatList이다. */} {/* Lists of Goals */} { /* courseGoals.map(function(goal) {.. 2023. 3. 8. ReactNative) ReactNative 취미 시작 (feat: Component, FlexBox) 안녕하세요. 후르륵짭짭입니다. 최근에는 Javascript에 취미를 가지고 싶어서 ReactNative 강의를 통해서 공부를 하고 있습니다. 앞으로 Javascript는 너무 기본적인 언어라 생각하여 지금이라도 취미를 가져 나중에 제게 도움이 될 것 같아서 앱 개발자인 저에게 좀 더 친숙 할 수 있는 React Native로 공부를 시작하게 됐습니다. (요즘에는 나의 노동력으로 돈을 버는게 쫌 회의적이라서 ㅠ ㅠ.) ** React Native 시작하기 ** - Sample 프로젝트 생성 - 설치를 원하는 디렉토리에 가서 sudo npm install -g expo-cli를 하면 react Native에서 개발할 수 있는 환경을 제공하는 expo를 설치하게 됩니다. 그런 다음 expo init 을 작성하.. 2023. 3. 1. 이전 1 다음 728x90 반응형
