delaying's dev log

React Native 06 - 번역 앱

번역 앱 프로젝트를 진행하면서 알게된 내용들을 작성한 글이다. 결과 화면 Localization localization은 각각의 언어설정에 따라 번역해주는 기능이다. npx expo install expo-localization 로 설치한다. 다음처럼 사용할 수 있다. import { getLocales } from "expo-local...

gitblog error - layout home Index page -

github blog를 평소처럼 커밋 푸쉬했고, 빌드도 성공적으로 끝났는데 페이지에 접속했을 때 --- layout: home # Index page --- 이 문구만 뜨는 경우가 있다. 시도 빈커밋을 푸쉬해서 다시 빌드해보기 (예전에 성공했으나, 최근발생했을 때는 해결되지않음) jekyll 테마를 사용하고 있어서...

React Native 05 - 까까오 버스 클론코딩

까까오 버스 클론코딩 프로젝트를 진행하면서 알게된 내용들을 작성한 글이다. 결과 화면 sectionList flatList에서는 item들을 목록별로 분리 할 수 없지만, sectionList를 사용하면 분리가 가능하다. 다음코드는 flatList와 sectionList의 차이점이다. <FlatList data={[...

React Native 04 - My Gallery

나만의 갤러리 프로젝트를 진행하면서 알게된 내용들을 작성한 글이다. admob으로 광고 추가하기 이 프로젝트에서는 앨범을 2개 이상 만들려면 광고를 본 후에 만들 수 있다. 위 기능을 admob을 이용하여 구현했다. 자세한 이용방법은 내 블로그에 따로 정리 되어있다. ImagePicker ImagePicker는 expo에서 제공한다. 저장...

React Native - admob으로 광고 삽입하기

앱에 광고를 삽입하기 위해 admob을 사용하였다. 주의 expo 46 버전부터는 호환되지 않음 expo 46 버전 이상부터는 react-native-google-mobild-ads라는 서드파티 모듈을 따로 사용해야 함 서드파티 모듈을 사용하려면 xcode랑 android studio 설치가 필요함 서...

Xcode로 ios simulator 사용하기

React Native 앱 개발을 하면서 핸드폰으로만 개발상황을 확인하는 게 불편해서 가상 simulator를 설치하게 됐다. Xcode는 Mac OS환경에서만 사용할 수 있다. expo simulator 실행방법 먼저 Xcode앱을 설치한다. 앱을 실행하고, 상단 메뉴에서 Xcode -> settings -> Location...

React-Native 03 - TodoList와 Calendar

투두리스트+달력 프로젝트를 진행하면서 알게된 내용들을 작성하였다. 날짜 라이브러리 날짜를 쉽게 다루기 위해 라이브러리를 사용하는데 moment.js와 day.js가 많이 사용된다. day.js가 번들사이즈가 작아서 많이 사용된다. 다양한 함수를 사용할 수 있다. import isBetween from "dayjs/plugin/isBetween...

Error - expo v47.0.12

발생 원인 예전에 같은에러가 발생했을 때 패키지 프로그램을 yarn으로 재설치하면 해결됐어서 재설치했는데 계속 새로운 에러가 발생했다. 발생 에러 iOS Bundling failed 121ms Unable to resolve "../environment/DevLoadingView" from "node_modules/expo/build/launch/w...

React-Native 02 - 계산기

계산기 프로젝트를 진행하면서 알게된 내용들을 작성하였다. Double exclamation !! 연산자 느낌표 2개를 연달아 사용하는 !! 연산자는 확실한 boolean결과(true 또는 false)를 얻기위해 사용한다. 기존의 느낌표 연산자!는 true를 false로, false를 true로 바꾸는 역할이었다면, !!는 변수에 값이 존재할 경...

Gitblog Error - invalid attribute name

발생 원인 gitblog 작성 후 git push를 했는데 빌드에 실패했다. 발생 에러 build 경고는 다음과 같았다. The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more informatio...