글쓰는 개발자

expo 프로젝트 생성 1. expo-cli를 설치합니다.npm install -g expo-cli 2. expo.dev에 로그인해서 Project 탭에 Create Project 버튼을 클릭해서 새로운 프로젝트를 생성한다. 3. PC에 project를 생성할 위치에 커맨드 창을 열고 expo.dev에 나타나는 명령을 하나씩 입력해서 새로운 프로젝트를 생성하고 expo.dev에 연결할수 있다. android APK 생성 1. apk build 명령을 입력한다.eas build --profile development --platform android 사용할 패키지명을 입력하고 키스토어도 새로 생성한다.What would you like your Android application id to be? … c..

[앱스토어 배포] 앱 심사 정보 손쉽게 입력하기 - 1. iOS 미리보기 및 스크린샷앱 심사를 위해서는 디스플레이별 스크린샷과 프로모션 텍스트, 설명, 지원 URL 등이 필요하다. 1. iOS 미리보기 및 스크린샷iPhone의 경우 6.7 디스플레이, 6.5 디스플레이, 5.5 디스플레이별 이미지gran007.tistory.com 앱스토어 배포를 위해서는 지원 URL 즉 앱 홍보를 위한 홈페이지가 필요하다. 보통 개인은 블로그에 앱 홍보 페이지를 올려두고 URL 연동을 시키기도 하지만 개인 블로그가 지저분해 지기 때문에 따로 관리할 방법이 있으면 좋다. 필자는 노션에 홍보페이지를 언어별로 작성한 뒤에 공유를 통해 각각 외부 홈페이지를 만들어서 연결시켰다. 아래처럼 영문, 한국어, 일어 각각 페이지를 만든..

https://gran007.tistory.com/entry/Reactreact-native-Redux-%EC%89%BD%EA%B2%8C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-12 [React/react-native] Redux 쉽게 사용하기 (1/2)React의 상태관리는 useState를 사용해 이루어 진다.import { useState } from 'react';function Home() { const [text, setText] = useState('hello'); return ({text})}하지만 useState를 사용한 상태값의 경우 해당 페이지를 상속하gran007.tistory.com 이전 포스팅에서 이야기 했듯이 redux에 상태값을 추가하고 사용하는 ..

React Native로 이미지를 로딩하는 방식은 간단히 두가지로 나뉘다. 1. 이미지를 각 사이즈별로 Android, iOS에 프로젝트에 각각 등록하고 uri로 로드해서 사용2. react-native 프로젝트 내부에 파일을 두고 source attribute로 불러서 사용 이미지를 각 해상도별로 나뉘어 관리를 하면 이미지 생성이나 폴더별 파일 관리등 관리에 수고는 많이 들어갈지 몰라도 해상도별로 깔끔한 이미지가 제공되므로 기업에서 서비스하는 앱의 경우 아래와 같이 이미지를 여러개 만들어 프로젝트 자체에 등록해 두고 사용하는 방식이 선호된다.위 이미지는 안드로이드 해상도별 이미지 사이즈에 대한 정보이다. 하나의 이미지를 해상도별 5가지 파일로 만들어 안드로이드 프로젝트의 리소스 폴더에 drawable..

리액트 네이티브는 npm이라는 명령어를 사용해 설치 및 실행을 한다. npm 명령을 사용하기 위해 Node.js를 Node.js 다운받아 설치하자. 리액트 네이티브의 공식 홈페이지는 https://reactnative.dev/이고 여기서 두 종류의 react native 설치 방법을 가르쳐 준다. 그 중 하나는 Expo CLI를 이용한 방법이고, 다른 하나는 React Native CLI를 이용한 방법이다. Expo를 사용하면 별도 Android Studio나 Xcode 없이도 화면을 실행해 볼수 있고 앱의 유용한 기능을 기본모듈로 제공해 주기 때문에 초보자들에게 굉장히 유용하다. 하지만 큰 단점이 존재하는데 네이티브 본래의 기능을 사용하지 못한다는 것이다. 기기의 특정 기능들을 포기하고 빠르게 화면만 ..

개발이라는 것은 꽤나 분야가 다양하다. 그 중 앱 개발은 크게 안드로이드 iOS 두갈래로 나뉘어 진다. 안드로이드는 java 혹은 Kotlin이라는 언어를 배워야 하고 iOS는 Objective C 혹은 Swift라는 언어를 배워야 한다. 뿐만 아니라 안드로이드는 UI를 xml 형태로 구성하기 때문에 xml도 기본적으로 배워야 하고 iOS는 Xcode의 UI 디자인도 공부해야 할 필요가 있다. 이러한 문제 때문에 하나의 플랫폼에서만 개발해도 양쪽 모두에 적용할 수 있는 cordovar, xamarin, react-native, flutter 같은 다양한 프레임워크가 생겨나게 된다. Cordovar 같은 경우 앱의 껍데기를 가진 웹앱을 개발하는데 사용된다. 웹앱이기 때문에 웹 기반 언어들인 javascri..

Sometimes webview component hide parent view after loading. When it happens cover webview with the view with overflow hidden.

react-native-tab-view 사용시 주의사항 Debug 모드를 사용할 때에는 react-native-tab-view의 탭을 클릭해도 아무 동작도 하지 않는다. TabView를 선택하면 탭이 이동하기 까지 시간이 조금 걸리는데 거기서 멈추는것 같다. 사용시 주의하기 바란다.