qcoding

* 이번 사이드 프로젝트로는 React 와 구글에서 만든 간단한 인공지능 모델을 만드는 사이트 Teachable Machine을 통해서 나와 닮은 꼴 정치인을 찾는 프로젝트 과정을 소개하려고 한다. 과거 유튜브 조코딩 채널을 통해서 웹기반으로 Teachable machine을 통해서 프로젝트를 만드는 것을 보고 다음에 꼭 해봐야겠다고 생각하던 걸 실행하기로 하였다. 해당 유튜브를 참고 하면서 React를 기반으로 카카오 애드핏을 넣는 것 까지 차례대로 작성할 예정이다. https://www.youtube.com/playlist?list=PLU9-uwewPMe2-vtJAgWB6SNhHcTjJDgEO 실전 수익형 웹, 앱 서비스 동물상 테스트 만들기 인공지능이 보는 나의 동물상 테스트를 주제로 웹, 앱 서비..

* 이전 글에서 gazebo를 통해 시뮬레이션 환경을 설정하고, gmapping을 통해 map을 그리는 것 까지 완성하였다. 이번에는 navigation에 대해 정리를 해보도록 하자. 우선 이전 riviz상에서 어느정도 map이 완성되었다고 하면 아래의 명령어로 map을 저장하도록 하자 // map 저장 rosrun map_server map_saver -f ~/map 맵을 저장하고 나면 pgm 파일과 yaml 파일이 생성된다. pgm 같은 경우 이미지 형태로 map을 볼 수 있으며, yaml 파일은 map정보가 들어 있게 된다. navigation을 수행하려면 map파일이 필요하므로 여기서 만든 map을 사용하면된다. 1) 실행코드 - Navigation roslaunch turtlebot3_navig..

* 저번글에서 gazebo를 통해 실제 모델과 환경을 불러왔으며, 이번에는 지도 작성을 위하여 Slam 코드를 정리해본다. 저번 글에서 gazebo를 통해서 시뮬레이션 상에 실제 모델을 불러왔다. gazeobo 모델만 사용한 뒤 rag_graph를 통해서 topic 및 node를 확인하면 아래와 같다. 여기서 topic 내용을 살펴보면 아래와 같다. 여기서 보면 gazebo 여러 센서값들을 보내주고 있는 것을 볼 수 있다. 또한 실제 시뮬레이션 상에서 로봇이 움직이기 위해서 속도지령값을 구독하고 있다. // cmd_vel -> 명령을 받는 지령값 opic info /cmd_vel Type: geometry_msgs/Twist Publishers: None Subscribers: * /gazebo (htt..

*오픈소스인 turtlebot3의 코드를 정리하면서 각 파일들이 어떻게 동작하는 지 확인함. 로보티즈 e-manual에 나오는 순서대로 따라하면 1) gazebo를 통한 시뮬레이션 환경 2) slam을 통한 지도 작성 ( option 자율이동 또는 수동이동 ) 3) 작성된 지도를 바탕으로한 navigation 수행 의 순서로 진행되며 처음 정리를 위하여 gazebo를 통해 해당 코드가 어떻게 수행되는 지 정리하였다. 1) 실행코드 -> 각각의 모델에 따라 export 시켜 준 뒤 roslaunch를 통해서 gazeobo를 통해 환경을 불러온다. - simulation export TURTLEBOT3_MODEL=waffle_pi roslaunch turtlebot3_gazebo turtlebot3_hous..

* 앱 출시 이후 광고를 게시하기 위하여 Admob을 등록하였다. 이미 많은 글들이 상세하게 정보를 제공하고 있지만 정리를 위해서 순서대로 Admob등록을 위해 했던 과정을 정리하였다. https://admob.google.com/intl/ko/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com * 글의 진행 과정은 크게 3가지로 정리하여 순차적으로 정리하려고 한다. 1) Admob 가입 및 admob 라이브러리 설치 (Creact-React-Native-App을 사용하므로 expo-admob사용) 2) 테스트 ID를 통한 광고 코드..

*ReactNative를 이용해 처음으로 앱을 만들어 출시까지 해보았다. 남은 글은 마지막으로 구글플레이 출시와 광고를 위한 Admob 광고 설정을 하는방법을 정리하려고 한다. 구글플레이 출시 인터넷에 보면 ReactNative를 통해 개발한 결과물을 구글플레이에 출시하는 것에 대한 자료가 많이 있다. 그래서 여기서는 정리를 위해 큰 과정으로 살펴보도록 하겠다. 1-1) React Native build 출시를 위해서는 googlePlay에 aab(Android App Bundle)의 형태로 업로드가 필요하다. 그러므로 ReactNative를 abb로 build 해야한다. build 과정은 공식문서에 잘 나와있다. 간략히 살펴보면 앱에 대한 권한과 업로드 열쇠를 만드는 keystore생성과정과 build..

* 앱을 만들더라도 출시를 위해서는 아이콘이 필수이기 때문에 만드는 방법을 정리하였다. 1) 사용툴 https://romannurik.github.io/AndroidAssetStudio/ Android Asset Studio Launcher icon generator Generate launcher and store listing icons for your app. romannurik.github.io 위의 사이트에서 사용해 본 기능 아래의 Launcher icon 과 Notification icon이다. 2) 사용방법 * 환경설정 ( 앱 아이콘 : ic_launcher.png / Notification : ic_notification.png ) // android\app\src\main\AndroidM..

1) 기능소개 - 1) Push Notification (Local) 앱을 처음에 사용자가 다운 받았다고 하더라도 잘사용하지 않을 수 있으므로 사용자에게 알림을 주기위해 Push 알림을 사용하고자 하였다. 구글링을 해보니 FCM (Firebase Cloud Message)를 사용하였고 Firebase 자체는 유료이지만 push 알림은 무료라고 하여 사람들이 많이 쓰는 듯 하였다. 크게 Push 알림은 1) Firebase 서버를 통한 알림 2) 앱자체에서 설정하는 Local 알림 이렇게 2가지의 경우가 있다. 구글링을 해보면 2가지 모두 잘 구현하는 것에 대한 설명이 잘되어 있다. 나는 그중에 Local 알림을 통해 구현하였다. - 2) Splash Screen ( + Expo Apploading ) 이..