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

[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
프로그래밍이야기

(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
프로그래밍이야기

(React) ContexAPI (createContex 와 Provider) 정리

react native로 모바일 앱을 개발하는 업무를 막 맡았다.전에 잠깐 flutter를 공부하고 있었는데, 갑자기 react native(RN)으로 변경되어서 급하게 react부터 훑어보고 있다.react라는 라이브러리를 공부하면서 내용을 정리하고 있다.참 필요에 의해 많은 기능들을 잘 만들었구나 하는 생각이 든다.///.../// 본론으로 넘어가자...ContextAPI의 필요성 useEffect나 useReducer 를 사용하다보면, 불편한 점이 있다.아마득한 후손(child)으로 계층만 3단계를 넘어가면 엄청 불편해진다.dispatch나 주요 함수들을 props로 계속 연달아서 전달해줘야 하는 점이다.이게 한 두개도 불편한데, 엄청 많다면... (큰 불편이 아닐 수 없다)그래서 생긴 게 Cont..

2024. 11. 7. 15:01