전체 글 검색 결과
99 개의 검색 결과가 있습니다.
프로그래밍이야기

[React-native] Splash screen

splash screen은 로딩 페이지라고도 하는 데, 앱이 처음 시동될 때 잠깐 나오는 페이지를 말한다.1. expo에서 splash screen의 이미지 위치 : assets 폴더 내에 splash-icon.png 파일이 있다. 이 이미지 파일이 로딩페이지에 사용된다. 2. 공식 문서 https://docs.expo.dev/versions/latest/sdk/splash-screen/ SplashScreenA library that provides access to controlling the visibility behavior of native splash screen.docs.expo.dev 3. 수동으로 스플래쉬 스크린을 조절하는 방법기본적으로 자동으로 잠깐 보였다가 스플래쉬 스크린은 사라진다...

2024. 12. 19. 18:08
일상이야기

패스트캠퍼스 ReactNative를 활용한 빠르고 완성도 높은 앱개발 수강 후기

얼마전 입사한 회사에서 갑자기 모바일 앱 개발 업무를 요청받았다.원래 윈도우즈 기반 소프트웨어나 그래픽스 관련된 개발만 했던 나였기 때문에 갑작스런 모바일 개발 요청에 마음이 답답했다.인터넷 서점에서 책도 찾아보고 했지만, 막상 완전히 다른 플랫폼에서 개발을 하는 것 자체가 큰 부담이었다.그러던 중, 패스트캠퍼스에 있는 강의를 찾게 되었다.강의는 크게 입문편, 활용편, 실전편, 최종편으로 나뉜다.나는 아직 입문편을 듣고 있다. (더욱 분발해야 할 텐데...)그래도 입문편 마지막 강의를 듣고 있으니...조만간 활용편으로 넘어갈 것 같다.목차를 봤을 때는 활용편까지는 끝내야 어느정도 ReactNative로 개발하는 기본은 잡힐 것 같다.그래서 활용편까지 일단 12월까지 끝내는 것을 목표로 하고 있다.더 빨..

2024. 12. 15. 00:54
프로그래밍이야기

(React-native) 디바이스 폭과 너비, FlatLists의 폭과 너비 확인하기

모바일 디바이스 장치의 폭과 너비를 알 수 있는 방법이 존재한다.두가지 방법이 있는데, 아래와 같다.(1) react-native의 Dimensions 모듈을 사용하는 방법 : 스크린의 폭과 너비를 구할 수 있다.import { Dimensions,} from "react-native";const width = Dimensions.get("screen").width;const height = Dimensions.get("screen".height;(2) react-native의 FlatLists 모듈을 사용하는 방법  - 이건 FlatLists 자체의 폭과 길이를 알아오는 방법이다. - 따라서, FlatLists가 너비나 폭이 100% 이면 screen 과 사이즈가 같다. - 다른 경우에는 FlatLi..

2024. 12. 5. 12:20
프로그래밍이야기

[React-native] AsyncStorage (앱 저장소) 사용 방법

앱을 껐다가 다시 켜면 데이터가 남아있어야만 지속해서 앱을 사용할 수 있다.React-native에서는 간단한 데이터를 저장할 수 있는 방법을 몇 가지 제공하는데,가장 간단한 AsyncStorage 사용법을 정리해본다.AsyncStorage에서 중요한 것!!! - setItem : 저장하기 -> 무조건 string 으로만 저장 가능 - getItem : 가져오기 - Key값을 함께 저장해서, 해당하는 Key의 value 값을 가져오는 방식1. 공식 사이트 소개https://react-native-async-storage.github.io/async-storage/docs/install Installation | Async StorageInstallreact-native-async-storage.githu..

2024. 11. 26. 09:33
프로그래밍이야기

Dayjs 소개 및 활용법

react-native 온라인 강의를 듣다가 나중을 위해 기록합니다.(참고한 강좌 : 패스트캠퍼스의 React Native 를 활용한 빠르고 완성도 높은 앱 개발 초격차 패키지 Online)1. Dayjs 소개 javascript에서 기본으로 제공하는 date 함수를 사용하기 보다는 외부라이브러리를 사용하는 걸 추천한다.대표적으로 Momentjs 와 Dayjs가 있는 데, Momentjs는 이제 더이상 업데이트가 잘 이루어지지 않는다.그래서 2024년 11월 기준으로 Dayjs사용을 권장한다. https://www.jsdelivr.com/package/npm/dayjs jsDelivr - A free, fast, and reliable CDN for JS and Open SourceOptimized fo..

2024. 11. 20. 14:29
프로그래밍이야기

(Flutter) Mac에 Flutter 개발 환경 설정 (실리콘 애플)

기본적으로 Flutter 공식 홈페이지를 참조해서 설치하는 게 가장 안전하다.https://docs.flutter.dev/get-started/install/macos/mobile-ios Start building Flutter iOS apps on macOSConfigure your system to develop Flutter mobile apps on macOS and iOS.docs.flutter.dev 내 Mac  정보를 확인해서, M1,M2와 같이 M으로 시작하는 칩 정보를 나타내는 지 확인한다.만약 그렇다면, 인텔 칩이 아닌 실리콘 애플 칩이다. (그러면, 아래 순서로 따라서 설치하면 된다.)먼저 터미널을 연다.1. 로제타 2 프로세스 설치 $ sudo softwareupdate --inst..

2024. 11. 8. 14:30