Jake의 블로그

# 2024년 새해 복 많이 받으세요! - 새해가 된 기념으로 나이를 한 번 확인해볼려고 했더니, 잘 사용하던 네이버 나이 계산기가 구글에서 검색이 되지 않았습니다. 네이버에서는 바로 찾아지는데 말입니다. 그래서 새해 인사도 적을 겸 한 줄 팁으로 포스팅 작성합니다. 아래 링크로 사용하세요. 사진 클릭하면 이동합니다.

# React Native에서 그림자를 넣기 위해서는 아래와 같이 style에 그림자를 정의하는 파라미터들을 입력해야 원하는 그림자를 표현할 수 있습니다. 그런데 문제는 파라미터의 프리셋이 없다는 것입니다. 정말 간단하게 그림자를 표현하고 싶었을 뿐인데 적절한 값을 찾아 헤매는 것은 정말 비효율적입니다. 이럴 때는 아래의 페이지를 이용하시면 좋습니다. React Native Shadow Generator ethercreative.github.io - 위의 링크로 이동 후에, 표현하고 싶은 깊이감을 슬라이더로 고르면, 우측에 이에 해당하는 파라미터가 자동으로 변경되므로 이 값을 복사해서 사용하시면 됩니다. 참고로 Android와 IOS에서의 표현 차이도 확인이 가능하니 참고하시면 좋을 것 같습니다.

# React Native에서 Android 기기에서 폰트 스케일링 옵션을 설정한 경우 앱에서도 폰트가 확대되어 제대로 표시가 되지 않고 잘리는 경우가 있습니다. 이 문제는 아래의 옵션으로 해결할 수 있습니다. {children} // 기본적으로 모든 텍스트 컴포넌트에 적용하려고 할 경우 // index.js 등에서 아래와 같이 추가해 주시면 됩니다 Text.defaultProps = Text.defaultProps || {}; Text.defaultProps.allowFontScaling = false;

# 2023.12 이달의 무료 콘텐츠 ※ 언리얼 엔진에서 사용 가능한 컨텐츠입니다. 일정 기간 동안 할인율 100%로 제공하는 정기 이벤트입니다. 구입 후 언리얼 엔진 라이브러리에서 다운 및 이용이 가능합니다. 당장 사용하지 않더라도 일단 받아놓으시면, 언젠가 필요해질 수 있습니다. - 마켓플레이스 이달의 무료 콘텐츠 페이지 https://www.unrealengine.com/marketplace/ko/assets?count=20&sortBy=effectiveDate&sortDir=DESC&start=0&tag=4910 마켓플레이스 탐색&검색 | 언리얼 엔진 마켓플레이스 www.unrealengine.com

# React Native에서 클립보드에 복사하는 방법 소개 - 앱 개발에 있어 clipboard는 데이터 공유와 관련된 기능을 사용자에게 제공할 때 자주 이용되는 방법입니다. 본 포스팅에서는 클립보드에 데이터를 복사하는 방법에 대해서 간단히 소개하려고 합니다 # 깃헙 페이지 # 방법 소개 - 클립보드를 앱에서 사용하기 위해서는 react-native-clipboard를 설치해야 합니다. yarn add @react-native-clipboard/clipboard # ios는 설치 후 npx pod-install 필요!! - 사용방법은 간단합니다. Clipboard.setString과 Clipboard.getString으로 원하는 텍스트를 가져오고 붙여넣을 수 있습니다 import React, {useS..

# 2023.11 이달의 무료 콘텐츠 ※ 언리얼 엔진에서 사용 가능한 컨텐츠입니다. 일정 기간 동안 할인율 100%로 제공하는 정기 이벤트입니다. 구입 후 언리얼 엔진 라이브러리에서 다운 및 이용이 가능합니다. 당장 사용하지 않더라도 일단 받아놓으시면, 언젠가 필요해질 수 있습니다. - 마켓플레이스 이달의 무료 콘텐츠 페이지 https://www.unrealengine.com/marketplace/ko/assets?count=20&sortBy=effectiveDate&sortDir=DESC&start=0&tag=4910 마켓플레이스 탐색&검색 | 언리얼 엔진 마켓플레이스 www.unrealengine.com

# 패키지, 앱 이름과 함께 프로젝트 생성하기 - RN 프로젝트를 생성할 때 별도의 옵션을 넣지 않을 경우, 앱 이름으로 패키지 이름 등 모든 이름이 결정되어버리기 때문에, 추후에 이를 변경하기 위해서 번거로운 작업이 필요하다. 만약 아직 패키지 이름 등이 결정되지 않은 경우에는 어쩔 수 없지만, 패키지 이름을 정하고 시작할 수 있는 경우 아래의 옵션을 사용하여 추후 번거로운 작업을 줄일 수 있다. # 한 줄 팁 - "--package-name" 으로 패키지 명을 정하고, 사용자에게 표시될 이름을 "--title"을 이용해서 정한다 npx react-native@latest init MyAppName --package-name com.foo.bar --title "My App Name"

# 2023.10 이달의 무료 콘텐츠 ※ 언리얼 엔진에서 사용 가능한 컨텐츠입니다. 일정 기간 동안 할인율 100%로 제공하는 정기 이벤트입니다. 구입 후 언리얼 엔진 라이브러리에서 다운 및 이용이 가능합니다. 당장 사용하지 않더라도 일단 받아놓으시면, 언젠가 필요해질 수 있습니다. - 마켓플레이스 이달의 무료 콘텐츠 페이지 https://www.unrealengine.com/marketplace/ko/assets?count=20&sortBy=effectiveDate&sortDir=DESC&start=0&tag=4910 마켓플레이스 탐색&검색 | 언리얼 엔진 마켓플레이스 www.unrealengine.com

# react-native-toast-message - Toast Message는 앱 내에서 사용자들에게 이벤트의 발생과 그 내용을 알려줄 수 있는 직관적인 UI 요소로 많은 앱에서 사용된다. 물론 Toast Message의 구현 난이도 자체는 높지 않기 때문에 직접 구현하는 것도 좋은 방법이지만, Toast Message가 서비스의 핵심 적인 기능은 아니다보니 적당한 라이브러리가 있을 경우 이를 활용하면 시간을 절약할 수 있다. 본 포스팅에서는 이런 경우 도움이 될 수 있는 라이브러리를 소개하려고 한다 # 깃헙 페이지 https://github.com/calintamas/react-native-toast-message GitHub - calintamas/react-native-toast-message:..

# react-native-store-review 라이브러리를 활용해서 앱 리뷰 요청 기능을 추가해보자 - 사용자들에게 선택 받는 앱이 되기 위한 필수 조건 중에 별점과 리뷰가 있다. 문제는 이런 리뷰를 작성하는 것은 귀찮은 일이기 때문에 사용자는 앱이 마음에 들어도 알아서 리뷰를 작성하는 경우는 드물다. 이럴 때 조금이라도 사용자의 마음을 동하게 하는 것이 리뷰 요청 기능이다. 앱을 적절히 활용한 순간에 리뷰 작성에 대한 창이 뜰 경우, 조금 더 리뷰를 작성해줄 확률이 올라간다. 그렇기에 모든 앱 개발에 있어서 필수적으로 필요한 기능이 아닐까 한다. 본 포스팅에서는 이런 리뷰요청 기능을 쉽게 구현할 수 있게 만들어주는 라이브러리를 소개하려고 한다. # Github Page GitHub - oblador..