리치윈드 (RichWind)

React에서, forEach 내부에 코드가 동작을 하지 않아요. Component가 출력되지 않습니다. 왜 이런 현상이 발생 할까? Map과 Foreach는 다르다. Return Value or Nothing React Native 로 개발을 하다보면, Fetch, AsyncStorage, DB 등으로부터 읽어들인 데이터 즉 Array Data를 처리하거나 중간 결과를 테스트 할 때가 있다. 나중이 되면, 결과물을 Rendering하기 위해서 FlatList 또는 Card Content 등을 사용하겠지만, 바로바로 읽어서 사용할 때는 forEach 와 Map 을 사용할 경우가 종종 발생한다. 이럴 때, map / ForEach로 사용하는 경우, 빈번하게 Map와 ForEach에 대한 오해로 버그를 야기..

개발 이야기/React-Native 2020. 3. 30. 15:39

리모트 설정 (Remote Config) [설치] $ yarn add @react-native-firebase/remote-config # Using iOS $ cd ios/ && pod install 라이브러리 import import remoteConfig, { firebase } from '@react-native-firebase/remote-config'; 라이브러리 사용의 예 -fetching, activating , get values 1) Firebase 로 부터 데이터를 가져와서 사용하기 전에, fetch와 Activate 가 설정 되어 있어야 한다. 즉, fetch 후 activate가 설정되어 있는 상태에서만 getValue() 함수를 통해서 설정값을 가져올 수 있다. (from Fir..

카테고리 없음 2020. 3. 29. 00:46

React-native로 어플을 개발하다 보면, 중간쯤에서 만나는 에러 입니다. 기본적으로 react-native 가 순수 android 개발은 아니다 보니, 이런 저런 라이브러리가 많아서, 순수 JAVA개발 보다는 무거운데, 그러한 이유로, Single Dex Size 문제를 좀 더 빨리 만나게 됩니다. Stack overflow와 개발하는 두더지님의 블로그를 참조해서 아래와 같이 진행해 보았으나, minSdkVersion을 21로 올려주고, multiDexEnabled true 로 설정해 보았습니다. [ android/build.gradle ] android { defaultConfig { ... minSdkVersion 21

개발 이야기 2020. 3. 29. 00:44

의외로 firebase 사용하기에 어려움을 겪으신 분들이 많이 계신것 같아서, 오늘은 Firebasefirebase 사용해 보기를 작성해 봅니다. firebase에는 firestore / cloud messanging / remote-confire / realtime database 등 다양한 기능과 서비스를 제공하는데, 그 중에서 firebase/app를 먼저 설정 해야 나머지를 사용할 수 있는 기반이 됩니다. 따라서, 오늘은 firebase/app 설정을 진해행 보겠습니다 저도 기존 프로젝트를 삭제하고, 처음부터 하나씩 진행하면서 포스팅을 올립니다. 1. firebase 가입 https://console.firebase.google.com 으로 방문하셔서 firebase 가입 하시고 로그인 하세요. ..

개발 이야기/React-Native 2020. 3. 28. 10:52

너무 길어서 이전 포스팅에 이어서 진행 합니다. https://windflex.tistory.com/81 3단계 : Firebase SDK 적용 Credential 파일을 다운로드하여 지정된 위치에 저장하였다면, 이제 Firebase SDK를 실행합니다. 그렇게 하기 위해서는 먼저 @react-native-firebase/app 를 설치합니다. ( * 기존 react-native-firebase 라이브러리가 있는데, 이것은 v5로써 현재버전과는 다르다.) 최신버전 (v6)에서는 Configure와 Native Module 설정이 대폭 감소하였기 때문에 최신 버전을 사용하도록 한다. yarn add @react-native-firebase/app # For iOS cd ios && pod install 더..

개발 이야기/React-Native 2020. 3. 28. 07:27

import { firebase } from '@react-native-firebase/admob'; AdMob 이 포스팅을 읽고 계시는 여러분.... react-native 를 통하여 앱을 제작하고, 앱스토어에 어플리케이션을 업로드 했거나, 업로드 예정일 것입니다. 그렇다면, 이제 고민이 되는 것은, 바로..... 수익 모바일 앱의 수익 구조는 어떤 것이 있을까? 3가지 유형을 생각해 볼 수 있겠습니다. 유료 애플리케이션, 구독 서비스, 광고 수익 그 밖의 많은 방법이 존재 이 중에서 이번 포스팅에서 광고수익에 대하여 포스팅 하겠습니다. 광고 플랫폼 중에서 가장 잘 알려져 있는 것이 바로 AdMob 입니다. 이러한 이유로 저 또한 AdMob을 선택하여 사용중입니다. (현 시점에서 Facebook 도 사..

개발 이야기/React-Native 2020. 3. 28. 07:23

Splash Image 적용하기 1. Splash 화면용 이미지 준비 어플의 스플래쉬 화면에 사용할 이미지를 준비 합니다. 저는 귀찮은게 싫으므로 이전 포스팅에서 소개 해 드렸던, 웹이미지 에디터에서 간략히 그렸습니다. https://pixlr.com/x/ 여러 해상도 버전을 자동 생성하기위해서 가장 큰 해상도 XXXHDPI( 1280 x 1920 )로 준비해 주세요~ 저는 아래와 같은 Splash 이미지를 준비 했습니다. 자신이 그린 이미지는 저장 후, React Native Project 폴더로 복사 합니다. 더보기 안드로이드 스플래쉬 이미지 해상도 리스트 LDPI: Portrait: 200x320 px Landscape: 320x200 px MDPI: Portrait: 320x480 px Lands..

개발 이야기/React-Native 2020. 3. 27. 16:42

대부분 모바일 앱이 그렇겠지만, 리액트 네이티브 (React Native) 역시 최초 실행 시에만 처리해 주어야 할 일이 있는데요. 예를 들면, View Pager 등이 대표 적인 예입니다. 최초 실행 시에만, 앱에 대한 사용설명 Page를 출력해 주는 경우입니다. 또한, 로컬 데이터를 저장하거나 PUSH Notification 등 에도 , 최초 실행시점에만 초기화 해주는 경우 발생하지요. 이 밖에 많은 경우에 최초 실행 여부를 점검 해야 할 필요성이 존재 합니다. 지금 까지는 발생하는 그 때 그때 component에 적용을 했었습니다만, 시간을 내어서 utils로 정리를 해 봤습니다. 기본적인 방식은 Local Storage에 keyFirstLaunch라는 변수를 만들어 최초 실행 시점에는 true로 ..

개발 이야기/React-Native 2020. 3. 27. 14:36

안녕하세요. 이번 포스팅에서는 React Native의 안드로이드 아이콘 세팅을 간편하게 진행하기에 대하여 소개 드립니다. 안드로이드 앱을 Play Store에 올리거나 출시할 때, 꼭 해야 하는 일 중 하나가 다양 아이콘에 대하여 각각 만들어 주어야 하는 것입니다. 다양한 안드로이드(Android) 버전이 있기 때문에, 각 버전마다 해상도도 다르고, 해상도별로 아이콘이 개별 있어야 하는 건데요.. (이런것은 그냥 안드로이드 자체에서 지원하면 안되나?? 하는 생각이 듭니다. Large Icon 하나 등록 받고 자체 생성 하면 될텐데요.. ㅜ_ㅜ) 여하튼 여러가지 해상도 버전을 만들어서, 앱 안에 포함을 시켜야 합니다. 이 때문에, Android 앱에는 다음과 같이 res 폴더 아래 다양한 해상도의 아이콘..

개발 이야기/React-Native 2020. 3. 27. 10:00

yarn add react-native-fbsdk android/build.gradle mavenCentral() android/app/build.gradle.gradle implementation 'com.facebook.android:facebook-android-sdk:[5,6)' /app/res/values/strings.xml Facebook App ID https://developers.facebook.com/quickstarts/2552264998324722/?platform=android Facebook에 로그인 | Facebook 메뉴를 열려면 alt + / 키 조합을 누르세요 www.facebook.com react-native install react-native-ads-faceboo..

카테고리 없음 2020. 3. 25. 17:46

console.cloud.google.com 접속 (GCP) 왼쪽 Draw menu에서 > API 및 서비스 > 라이브러리 사용방법은 각 API별로 API 명령어만 다르고 대략적으로 사용하는 법은 유사합니다. 이번 포스팅에서는 그중에서 google Sheet API 를 소개하도록 하겠습니다. Google Sheets API 를 선택하면 아래와 같은 라이브러리 개요를 소개하는 페이지가 열립니다. 사용을 시작하려면, 여기에서 "사용"을 누르면 됩니다 . (제 경우에는 이미 사용하고 있기 때문에 "관리"로 표기되어 있습니다.) 사용을 누르면, 잠시 리소스 프로비져닝 시간으로 수십초 ~ 몇분 정도의 시간이 걸립니다. 그 다음은 다음처럼, API 페이지가 아옵니다. 오른쪽 상단에 보면, "사용자 인증 정보 만들기..

IT 이야기 2020. 3. 25. 17:46

안녕하세요. 엊그제 Apple 이 iPhone 11 Pro 를 공개하면서, 5시간 이상 동영상을 플레이/촬영 할 수 있다는 성능을 주장 했습니다. 실제 iPhone 11 Pro를 통해서 러시아 박물관을 촬영 했으며, 촬영 후 배터리가 19% 이상 남아있었다고 공개 했습니다. 그 때 iPhone으로 직접 촬영한 5시간 19분 분량의 트레일러 영상- 러시아 예르미타쥐 (Hermitage) 박물관을 소개하는 홍보 영상-을 공개 했는데, 이게 상당히 고퀄이라서 코로나 때문에 밖으로 나가기 힘든 요즘, 안방에서 미술품을 구경하기 좋다고 합니다. 참고로 저는 러시아에서 1년 가량 보냈었는데, 모스크바에 주로 있어서 예르미타쥐를 가보지는 못했었는데요. 러시아/우크라이나 지방에 대해서 좀 안다고 자랑하고 있는 제가 부..

IT 이야기 2020. 3. 21. 11:21

FaceBook Ads AudienceNetwork 이름과 개인정보를 입력하고 나면,

카테고리 없음 2020. 3. 19. 21:48

최근 핫이슈를 글을 찾아 보았습니다. 1) 코로나 관련 이슈 2) 증시 급락 이야기 3) 대학 개학 관련, 학사 연기 또는 학사관리 시스템 ==> 수강신청(??) 4) 이상형 만들기... 어라 이상형 만들기는 뭐지 ?? 해서 찾아 보았습니다. 코로나 때문에 다들 집안에서 뭔가의 시간 소비할 만한 가쉽거리를 찾고 있는 것이 아닐까 생각 해 봅니다. 아래는 어제일자 핫트랜드 입니다. 인기 검색어 1위가 "이상형 만들기" 라고 하네요.. ^^;;;;; 뭐 어쨌든, 픽크루라는 '이상형 만들기'에 대한 웹서비스 혔는데요. 일본 서비스 기업 입니다 흐음... 일본이 이런것은 참 잘한다고 생각 합니다. 실제 사이트를 찾아가서 봤는데, 죄다 일어로 쓰여 있었습니다. https://picrew.me/ 더보기 관련 기사 ..

나의 이야기/사회 및 생활 2020. 3. 16. 19:15

다들 코로나 바이러스 주의는 잘 하고 계시나요? 저는 어린이집 다니는 아이가 있어서, 밖에 외출도 제대로 못하고 있습니다. 온라인 만으로 세상을 보고 있는데, 세상 밖 공기가 정말 이렇게 그리울줄 몰랐습니다. 코로나 관련 기사 모아 보기 입니다. 기술 이슈 정리할 꺼리도 산처럼 많은데,, 집안에만 갇혀 있다보니, 한번쯤 사회/경제 뉴스도 정리해 봅니다. 성남 "은혜의 강" 교회 신도들 추가 집단 감염 이야기가 오늘의 TOP 뉴스이네요. 더보기 http://health.chosun.com/site/data/html_dir/2020/03/16/2020031600681.html 성남 은혜의 강 교회, 40명 추가 확진… 또 다시 수도권 집단감염 - 당신의 건강가이드 헬스조선 성남시 은혜의 강 교회/사진=연합뉴..

나의 이야기/사회 및 생활 2020. 3. 16. 18:40

엊그제 링크드인에서 지인을 통해서 공유 받았던 기사 내용입니다. 대수롭지 않게 생각 했는데, 화제거리가 되는 모양이네요. 손정의 (소프트뱅크 회장)이 일본내에 코로나 바이러스 (COVID-19) 검사 키트를 무상 제공하겠다고 의사를 밝혔다고 합니다. (3.11일) 우선 100만명분을 지급한다고 밝혔다는 데요.. ( 우와~ 멋지다.... ) 멋지다고 찬사를 보내는 와중에 들리는 이야기는, "의료붕괴"라는 단어와 "한국과 같은 의료붕괴를 원하는가?" 라는 비판의 목소리라고 하네요. 일본 여론은 오히려 의료 기관의 혼란을 초래한다는 비판에 결국 무상제공 결정을 철회 했다고 하네요. 더보기 "검사를 하고 싶어도 검사를 받을 수 없는 사람이 많다고 들어서 생각한 것인데, 여론이 안 좋으니 그만둘까…" 라고 트위터..

경제 이야기/일반 경제 2020. 3. 16. 18:11

관련글 2020/06/17 - [경제 이야기/부동산 관련] - 임대사업 자진신고 - 보증금 인상률 & 월임대료 인상률 이해 하기 2020/03/16 - [경제 이야기/부동산 관련] - 렌트홈 - 임대사업자 자진신고 안내문 발송 ==> 이번글 2020/06/01 - [경제 이야기/부동산 관련] - [부동산/경제] 렌트홈 - 임대사업 자진신고 방법 2020/04/22 - [경제 이야기/부동산 관련] - 2030 서울플랜 - 서울도시기본계획을 숙지하라. 고3처럼 외워라. 렌트홈 - 임대사업자 자진신고 금일 "등록 임대사업자 자진신고 안내문" 제목으로 정부(세무서)에서 임대사업자들에게 신고하라는 공문이 발송되었습니다. 사실, 임대사업자 등록하신 분들께는 1주일 전쯤 개별 문자 발송이 되었을 겁니다. 부동산 물건..

경제 이야기/부동산 관련 2020. 3. 16. 17:40

모바일 어플을 개발하면서 답답함을 느낄 때가 자주 발생하곤 합니다. 그 이유는, 기존 PC / Desktop / Server 용 어플리케이션 개발은 익숙한 환경에서 로그를 확인 할 수 있지만, 모바일 환경은 그게 어렵기 때문이죠. 가뜩이나, 모바일은 권한 자체도 admin 권한이 아니기 때문에 더욱 그러합니다. 마치 Guest User로 원격지에 있는 PC를 사용하는 느낌이랄까요? 대표적으로, 모바일 어플이 찍어주는 콘솔로그를 보고 싶은 경우입니다. 한마디로 가. 시. 화 가 안된다는 거죠. ( 디버그 환경에서는 콘솔로그 창을 별도로 열고 있기 때문에, 로그 레벨별로 확인이 가능하지만, On Device에서 구동되는 것은 콘솔로그가 보이지 않는다. ) 이렇게 모바일 환경에서 로그를 확인하고자 할 때, 로..

개발 이야기 2020. 3. 16. 03:11

애드센스(AdSense)는 광고 서비스 플랫폼 입니다. 광고 서비스 플랫폼이란 무엇이고 누가 무엇을 위해 비즈니스하고, 누가 수익을 얻으며, 왜 하려는지를 생각해 봅시다. 이런 역학관계를 먼저 살펴 보고, 기술적으로 어떤 행위들을 할 수 있는지를 살펴 본다면, AdSense 승인을 받기 위해 추구해야 하는 전략적 방향성과 범위가 구체화 될것 입니다. 더보기 에드센스 신청 및 승인 절차는 기존 작성된 글을 참조 해 주세요 https://windflex.tistory.com/36 구글 애드센스 (AdSense) 승인 절차 [블로그 시작] Tisotry 계정을 받아 놓은 지는 좀 되었었는데, 방치해 두고 있다가 본격적으로 시작한지 1주일 정되 되었습니다. 아직 블로그를 어떻게 하는지도 잘 모르는데, 일단 주변..

IT 이야기 2020. 3. 16. 02:57

머신러닝에 대한 질문으로 아래와 같은 문의 사항을 많이 듣습니다. 제가 머신러닝을 사용해 보려고 하는데, 어디에 사용해야 하나요? 제 분야에 머신러닝을 사용해 보려고 하는데, 어디에서부터 손 데야 할지 모르겠습니다... 사실, 위 같은 질문을 받으면,, 저도,,, 멍.......................... 위 질문의 직설적이 답변을 드리면, 머신러닝에 대한 최소한의 이해를 키우시라... 라고 답변을 먼저 드려야 할것 같습니다. [Machine Learning Process] 우선, 머신러닝 관련 프로세스는 아래와 같습니다. 굳이 교과서적으로 표현한다면 아래와 같습니다. ① 목표 설정 (머신러닝으로 하고 싶은일이 무엇인가?) - 목표, 예상 알고리즘, 그에 따른 데이터 셋 설계 - ex) . 목표 ..

머신러닝 이야기 2020. 3. 15. 19:31