해당 글에서는 react-native 개발 환경에서 gif 파일을 불러오는 방법에 대해서 확인해 봅니다. 1) Andriod 환경에서 Gif 지원 💡 "자체 네이티브 코드를 빌드할 때, Android에서 GIF와 WebP는 기본적으로 지원되지 않습니다."라고 공식사이트에서 이야기하고 있습니다. 이에 따라 추가 설정이 필요합니다. 💡 기존 iOS 환경에서는 아래의 설정 필요없이 수행이 잘된다고 합니다. 2) 환경 구성 1. metro.config.js 💡 해당 파일 내에서 assetExts 내에 .gif 확장자를 추가해 줍니다. const path = require("path"); const { getDefaultConfig, mergeConfig } = require("@react-native/metro..

해당 글은 SwiftUI내에서 외부 이미지나 Custom Colorset 혹은 Hex Color로 구성하고자 할때 사용하는 방법에 대해서 공유합니다. 0) 개발 환경 구분 구분 종류 버전 언어 Swift 5.7.2 개발 환경 IOS 16.2 UI Interface SwiftUI 개발 도구 XCode 14.2 1) 이미지 불러오기 : ImageSet 1. 최초 프로젝트를 생성하면 아래와 같은 폴더가 생깁니다. [ 더 알아보기 ] 💡 Assets.xcassets 이란? - Xcode에서 사용되는 이미지와 아이콘 등의 에셋(asset)을 관리하는 폴더입니다. iOS 및 macOS 앱에서 사용되는 이미지와 아이콘 등의 그래픽 자원을 추가하고 관리할 수 있습니다. 이 폴더를 사용하면 앱에 필요한 이미지 및 아이콘..