본문 바로가기

프로그래밍94

[React-Native] android App Center SDK 등록하기 CodePush를 사용하기 위해 먼저 각 운영체제에 맞는 세팅을 해주어야 합니다. 이 글에선 안드로이드 앱에 관한 SDK 세팅에 관해 서술합니다. android CodePush 가이드 - 1. [React-Native] android App Center SDK 등록하기 (현재 글) - 2. [React-Native] android CodePush 시작하기 - 3. [React-Native] android CodePush 를 통해 업데이트 진행하기 SDK 추가 React-Native 프로젝트에 아래와 같이 SDK를 설치합니다. npm install appcenter appcenter-analytics appcenter-crashes --save-exact appcenter-config.json 파일 추가 .. 2023. 6. 18.
[Kotlin] 코틀린 Array 자료형 코틀린의 Array 자료형을 간단하게 알아보겠습니다. Array 생성 여러 가지 방법으로 Array를 생성할 수 있습니다. arrayOf() 자료형을 명시하지 않는 경우(Any), 자료형 구분없이 다양한 타입을 갖는 배열을 생성할 수 있습니다. 물론 좋은 방법은 아닌 것 같습니다. val arrTmp = arrayOf(1, 2.200304, 3, "WTF", 5) // 1 2.200304 3 WTF 5 arrayOfNulls() 원하는 원소의 갯수를 가지는, null로 모두 이루어진 배열을 생성합니다. val arrTmp = arrayOfNulls(5); // null null null null null Array() 배열을 생성할 때 가장 자주 사용하는 방법입니다. 파이썬처럼 내부 조건문을 활용해서 다.. 2023. 5. 28.
[React-Native] Recoil 사용하기 상태 관리 라이브러리 Recoil을 React-Native 에서 사용해 보겠습니다. Atom 관리의 대상이 되는 상태 단위입니다. 한 가지의 변수 뿐만 아니라 배열, Object 등 다양한 종류의 자료 구조 또한 Atom이 될 수 있습니다. key는 해당 Atom에 할당되는 고유한 id 입니다. 단순히 상태 업데이트 시 사용되는 것 뿐 아니라 캐싱을 통한 성능 개선을 위해 사용합니다. // 수 const numberTmpState = atom({ key: 'numberTmpState', default: 0, }); // 배열 const ArrayTmpState = atom({ key: 'ArrayTmpState', default: [], }); Selector 생성한 Atom을 활용하기 위해 Select.. 2023. 5. 23.
[React-Native] 두 Modal을 활용하여 뒷 배경 어둡게 처리하기 React Native 에서 기본적으로 제공하는 Modal 만을 활용해 Modal 활성화 시 배경을 어둡게 하도록 코드를 작성해 보겠습니다. 대부분의 앱들에서 볼 수 있는 사용자 경험입니다. 실행 화면 구현한 실행 화면부터 확인해 보겠습니다. - 뒷 배경 흐림에 fade 옵션을 준 경우 - 뒷 배경 흐림에 none 옵션을 준 경우, 보다 즉각적인 반응을 얻을 수 있습니다. 저라면 이 버전을 사용할 것 같네요. Modal 구현 이를 구현하기 위해 두 가지 Modal을 사용해야 합니다. 하나는 뒷 배경을 어둡게 할 ContainerModal 이고 나머지 하나는 사용자가 집중하게 될 내용을 담을 TestModal 입니다. ContainerModal 뒷 배경을 어둡게 처리할 Modal 입니다. 어떻게 어둡게 할.. 2023. 5. 6.
[React-Native] NativeWind 스타일링 미적용 문제 해결 TailWind 디자인 패턴을 RN 앱에 사용하기 위해 사용하는 라이브러리로 NativeWind가 있습니다. NativeWind를 활용한 스타일링이 적용되지 않을 때 시도할 수 있는 해결 방법들입니다. 캐시 삭제 NativeWind 스타일링은 각 파일의 캐쉬를 활용합니다. 바로 적용이 안되는 경우 캐쉬를 삭제한 후 다시 빌드를 시도합니다. npx react-native start --reset-cache tailwind.config.js 확인 NativeWind는 tailwind.config.js 파일을 통해 스타일링을 적용할 파일들을 확인합니다. 새로운 파일을 생성한 경우 파일을 다시 확인해 보세요. 제 경우, MainScreen 파일을 새로 만든 후 tailwind.config.js 파일에 해당 파일.. 2023. 4. 30.
[React-Native] Xcode DVTCoreDeviceEnabledState 빌드 오류 해결 발생 에러 아래와 같은 에러를 남기며 IOS 앱을 빌드할 수 없었습니다. warning: Run script build phase 'Start Packager' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'ITerviewClientMobile' from project 'ITervie.. 2023. 4. 29.

티스토리툴바