728x90 반응형 React6 EXPO) Expo Router로 Navigation 구현하기 안녕하세요! 짭짭이입니다.File 구조 형식으로 Navigation을 구현하는 Expo Router에 대해 정리하도록 하겠습니다.npx create-expo-app --template default 물론 https://docs.expo.dev/router/installation/ 에서 메뉴얼로 작업 가능하지만 위 커맨드로 시작하면 이러한 파일 구조를 가지게 됩니다.여기서 APP 부분에서 작업을 하게 되는데, 그 이유는 package.json의 main에서 부터 시작하기 때문입니다. 제가 아직은 자세히 아는 것은 아니지만, Expo Router에서 중요한 것은 파일 구조와 Layout과 Page 입니다.파일 구조는 결국 PATH를 의미합니다. 기존에 Swift에서 특정 View를 넣는 형식이 아니라 Pat.. 2025. 1. 20. 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. 이전 1 2 다음 728x90 반응형
