이재만 교수의 공간

v-for Directive

Array of strings

Array of objects

Array of arrays

Block of HTML elements

Object key value pairs

v-text

v-html

v-bind:id

v-bind:class

v-bind:disabled

v-if

v-else

v-else-if

v-show

1. react-native-splash-screen 설치

npm i react-native-splash-image

2. 스플래시 스크린 이미지 설정

 * Android: `android/app/src/main/res/drawable/splash.png'
 * iOS: `LaunchScreen.storyboard` 파일을 수정하여 이미지를 추가

PyQt와 같은데 PyQt는 유료이고 PySide6은 무료이다

기본 구조

프레임 삭제(헤더 부분 틀 삭제)

화면 여러 개 보이기 (stack)

해당 stack 페이지로 이동

self.stack.setCurrentIndex(1)

1. PySide6 설치

pip install pyside6

2. Qt Designer 실행

pyside6-designer

redux toolkit에서 사용하는 함수는 2개

1. configureStore

2. createSlice

설치 라이브러리

npm i redux 

npm i react-redux

npm i @reduxjs/toolkit

1. store.js에 store 생성

2. Provider 생성 후 store 전달

3. slice 생성

 - initialState 에 저장할 값 변수로 넣기

 - store는 initialState에 있는 값

 - store는 readonly 변수이기 때문에 변경하려면 reducer로 변경

 - reducers 안에 reducer 함수 선언

 - state는 initialState에 있는 값이고 변경 가능

 - action은 type과 payload를 받는데 redux toolkit에서

   payload가 reducer를 호출할 때 전달되는 파라미터 실제 값

 - slice를 export 해서 store에서 import 해서 등록

 - slice.actions 에서 reducer를 추출해서 export 해서

    import 해서 dispatch를 이용해 호출

4. slice의 reducer를 store에 등록

5. useSelector를 이용해서 store에 있는 값 가져와서 사용

6. useDispatch를 이용해서 dispatch 함수를 호출해서 적용

1. assets

2. components

3. constants

4. contexts

5. hooks

6. modules

7. navigation

8. redux

9. screens

npm i @react-navigation/native

npm i @react-navigation/native-stack

npm i @react-navigation/bottom-tabs

npm i @react-navigation/material-top-tabs

npm i react-native-screens

npm i react-native-safe-area-context

npm i @react-navigation/drawer

npm i react-native-reanimated

npm i @react-native-gesture-handler

import { NavigationContainer } from "@react-navigation/native";

import { createNativeStackNavigator } from "@react-navigation/native-stack";

import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";

npm i @react-native-async-storage/async-storage

보안이 필요한 데이터는 EncryptedStorage에 저장

npm i @react-native-encrypted-storage/storage;

import EncryptedStorage from 'react-native-encrypted-storage';

await EncryptedStorage.setItem('키', '값');

1. Button

2. TouchableOpacity

3. TouchableHighlight

4. TouchableNativeFeedback,

5. TouchableWithoutFeedback,

6. Pressable

이제 하다하다 스프링까지 한다

https://start.spring.io/

android 폴더로 이동해서 

다음 명령어를 실행한다

gradlew clean