개발, 코딩/웹사이트, 앱 개발11

• 

  TubeFolder! 유튜브 구독리스트와 재생목록을 폴더에 넣어서 관리하자! (Feat. 웹뷰앱 수익 인증) 웹뷰앱 3개 출시 이후 수익ChatGPT의 등장으로 많은 기대를 가지고 GPT를 이용한 앱 1개와 GPT에게 코딩을 시켜서 만든 앱 2개를 약 1년 전에 출시하였습니다. 수익모델은 단순히 웹페이지에 붙어있는 애드센스 광고와 모바일 앱에서 웹뷰앱으로 돌아갈 때 띄울 수 있는 전면광고와 앱열기 광고가 전부였습니다. 그것마저 콘텐츠에 비해 광고가 너무 많다는 신고가 들어가서 자주 정책 위반에 걸리기도 했습니다.걸릴 때마다 굉장히 힘들게 하나하나 광고를 줄여가며 통과를 시켰는데, 사실 광고가 많이 나오긴합니다. 그래도 매달 나가는 AWS Lightsail 서버 비용과 그동안 구글 Ads 에 광고했던 몇십만원 정도는 벌어들였어야 본전인데.. 오늘 날짜가 2024년 9월 24일로 월말에 가까운 시점에 구글 애드몹 .. 개발, 코딩/웹사이트, 앱 개발 2024. 9. 24.

• 

  React-native (리액트 네이티브) 모든 라이브러리 업데이트 방법 React-native의 모든 라이브러리 업데이트 방법 간혹 특정 라이브러리를 새로 설치했을 때 의존성이 있는 다른 라이브러리의 버전과 호환이 되지 않는 경우가 있습니다. 에러 메세지를 따라서 차근차근 처리해나가면 대부분 해결될 때가 많지만 계속해서 다른 호환성 문제가 이어지는 경우도 간혹 발생합니다. 이 경우 모든 라이브러리를 한번에 업데이트 하는 것으로 해결될 때가 있습니다. 도움을 받았던 내용에 대해 개인 참고용으로 기록을 남깁니다. React Native 프로젝트에서 모든 라이브러리를 최신 버전으로 업데이트하는 것은 몇 가지 단계를 포함합니다. 다음은 이 프로세스를 거칠 수 있는 방법입니다: 라이브러리 버전 확인: 먼저 프로젝트의 현재 라이브러리 버전을 확인하세요. package.json 파일에서.. 개발, 코딩/웹사이트, 앱 개발 2024. 1. 17.

• 

  AWS Lightsail Ubuntu (우분투) 가상머신 SSH 관련 명령어 Ubuntu 우분투 가상 머신 SSH 관련 명령어 취미로 개발한 앱 중 파이썬의 플라스크를 이용한 웹서버가 있습니다. 매우 낮은 사양만 필요하기 때문에 일반 PC를 24시간 돌리는 것보다 훨씬 저렴하게 운영할 수 있는 AWS의 Lightsail을 알아보았습니다. 무료 사용 기간이 있고 가장 낮은 사양의 경우 한달내내 돌려도 한달에 10,000원 미만의 가격이면 운영이 가능하므로 저에겐 최상의 선택지였습니다. 저는 우분투로 가상머신의 OS를 선택하였고 고정 IP를 할당한 뒤 Putty 등의 터미널을 이용하여 SSH 접속을 할 수 있도록 설정하였습니다. 이 포스팅에서는 가상머신에 SSH로 접속을 하였을 때, 자주 사용하지만 매번 기억이 나지 않아 검색해보는 주요 명령어들을 정리해보았습니다. 우선 screen.. 개발, 코딩/웹사이트, 앱 개발 2024. 1. 17.

• 

  React-native Code push (리액트 네이티브 코드푸시) 관련 명령어 개인 참고를 위한 Code push 관련 명령어 정리 안드로이드와 iOS 앱을 스토어에 등록 후, 자잘한 수정을 위해 전체 업데이트를 하는 경우 심사 기간이 소요됩니다. 저의 경우에는 수정 내용과 전혀 무관한 제목이나 스토어 등록 정보 등을 이유로 (이미 출시되어있는 기존 내용과 변경 사항 없음) 심사가 거부되기도 합니다. 그런데 최근 앱들을 보면 스토어에서 업데이트를 하지 않아도 앱 실행 시 가끔 자체적으로 업데이트를 진행하는 화면이 보일 때가 있습니다. 어떤 기능인가 알아보니 코드푸시라는 것이었고 그 내용을 ChatGPT에게 물어보니 다음과 같은 답변을 얻을 수 있었습니다. CodePush는 React Native와 같은 모바일 애플리케이션 개발 플랫폼에서 사용되는 기능입니다. 이 기능의 주 목적은 .. 개발, 코딩/웹사이트, 앱 개발 2024. 1. 17.

• 

  React-native 웹뷰앱 (전생 얼굴 검출기) 개발 기록 (개인 참고용) ※ 이번 포스팅은 개인 기록 목적으로 두서 없이 작성될 수 있으며 반말로 기록할 것입니다. 이전 기록 및 목적 이전에 Expo를 이용하여 React-native 웹뷰앱 개발을 했었다. 그러나 Expo의 편리함보다는 세부적인 수정이 불가능한 구조가 더 불편하여 Expo eject란 방법을 사용하여 Expo 프로젝트에서 일반적인 React-native 구조로 변경을 했다. 하지만 수동으로 고쳐줘야하는 것들이 너무 많이 생겨서 처음부터 React-native 프로젝트를 생성해서 진행했던 기억이 난다. 이번에 개발 중인 신규 웹서비스를 다시 웹뷰앱으로 만들어 출시하려고 하는데, 매번 찾아보기 어려울 것 같아서 이번 기회에 기록을 하면서 진행해보려고 한다. 현재 1차 개발 완료를 한 웹서비스는 전생 얼굴 검출기라.. 개발, 코딩/웹사이트, 앱 개발 2023. 8. 19.

• 

  앱스토어 출시 후 정책 위반으로 앱 삭제 및 광고비 증발 이전 기록들 웹서비스 개발 및 안드로이드 앱 출시 일전에 ChatGPT API를 이용한 웹서비스를 취미로 만들었던 적이 있습니다. 2023.05.14 - [개발, 코딩/웹사이트 개발] - 비로그인 무료 ChatGPT 서비스 - FreeGPT (맞춤형 사전 프롬프팅) 비로그인 무료 ChatGPT 서비스 - FreeGPT (맞춤형 사전 프롬프팅) FreeGPT 웹사이트 오픈 ChatGPT API를 사용하여 열심히 만들었던 타로봇 사이트를 도메인에 연결해놓고보니, 사전에 지정하는 프롬프팅만 용도에 맞게 개별 적용시킨다면 다양한 맞춤형 챗봇을 만들 ourhertz.tistory.com 그리고 이 웹서비스를 앱으로 쉽게 변환할 수 있도록 리액트 네이티브의 웹뷰 라는 것을 사용하여 구글 플레이스토어에 출시를 하였습.. 개발, 코딩/웹사이트, 앱 개발 2023. 8. 16.

• 

  구글 플레이 스토어 출시를 위한 AAB (Android App Bundle) 빌드 방법 APK가 아닌 AAB? AAB (Android App Bundle)은 앱의 모든 컴파일된 코드 및 리소스를 포함하며 APK 생성 및 서명을 Google Play에 맡기는 게시 형식입니다. 2021년 8월부터 구글은 새로 업로드되는 모든 앱에 대해 AAB 형식만 가능하도록 정책을 변경하였습니다. 준비 저는 현재 expo와 EAS를 사용 중이며 다른 환경은 정보가 맞지 않을 수 있습니다. 저의 개인 기록을 공유하는 것이므로 여러분의 환경을 고려하여 확인이 필요합니다. 지금까지의 환경은 이전 포스팅을 참고하시기 바랍니다. 2023.05.08 - [개발, 코딩/웹사이트, 앱 개발] - Expo와 React-native-webview를 사용한 웹뷰앱 만들기 Expo와 React-native-webview를 사용한.. 개발, 코딩/웹사이트, 앱 개발 2023. 5. 15.

• 

  비로그인 무료 ChatGPT 서비스 - FreeGPT (맞춤형 사전 프롬프팅) FreeGPT 웹사이트 오픈 ChatGPT API를 사용하여 열심히 만들었던 타로봇 사이트를 도메인에 연결해놓고보니, 사전에 지정하는 프롬프팅만 용도에 맞게 개별 적용시킨다면 다양한 맞춤형 챗봇을 만들 수 있겠다는 생각이 들었습니다. 물론 용도에 맞게 입력폼의 내용도 달라져야하고 (예를 들어 운세를 서비스하려면 생일, 태어난 시간 등이 필요하고 고민을 들어주려면 나이와 성별 등이 필요할 것입니다) AI봇의 캐릭터도 다르게 만들어주는 작업이 필요했습니다. 두번째 서비스 추가 먼저 떠올린 것은 제가 실제 업무 시에 자주 사용하는 프롬프트인 "아래 내용 영어로 변경해줘" 로 사용하는 자연스러운 영작 서비스였습니다. 물론 저 프롬프트만으로는 간혹 번역이 아닌 대답을 해버릴 때가 있고 오동작할 경우가 많기 때문에.. 개발, 코딩/웹사이트, 앱 개발 2023. 5. 14.

• 

  Expo와 React-native-webview를 사용한 웹뷰앱 만들기 1차 웹서비스 완성 지난 번 포스팅에서 타로봇 1차 웹서비스 완성을 다뤘습니다. 2023.05.06 - [개발, 코딩/타로봇 개발] - ChatGPT를 이용한 인공지능 타로술사 타로봇 개발기 (Feat. 조코딩님 강의) ChatGPT를 이용한 인공지능 타로술사 타로봇 개발기 (Feat. 조코딩님 강의) 대 ChatGPT 시대 ChatGPT 의 발표 이후 세상이 급변하고 있습니다. 처음엔 호기심으로 몇 번 사용해본 것이 전부였으나 회사 업무 시에 정말 옆에 모르는 것이 없는 척척박사 한명이 있는 것처럼 도 ourhertz.com 이후 자잘한 안내 멘트, CSS 등의 수정이 있었으나 큰 틀은 거의 같은 상태입니다. 어렵게 만든 웹페이지를 버리고 안드로이드 앱을 개발하기는 아까워서 알아보니 React Nati.. 개발, 코딩/웹사이트, 앱 개발 2023. 5. 8.

• 

  화면 크기로 모바일, 데스크탑 버전 구분을 위한 @media 쿼리가 인식되지 않을 때 @media 쿼리 인식 안됨 데스크탑 브라우저 사이즈로 열심히 만들었던 웹페이지가 모바일 버전에서는 심각할정도로 크기가 작아지거나 화면 비율이 맞지 않게 되어서 검색 끝에 @media 쿼리를 사용하여 최대, 최소 width를 인식하는 기능을 찾았습니다. 그런데 실제로는 전혀 동작하지가 않았습니다. 며칠을 허비한 것이 무색할 정도로 간단하게, 챗GPT에게 물어보니 몇 번은 media 쿼리문만 알려주다가 계속 안된다고 하니 다음과 같은 설명을 해주었습니다. ChatGPT의 답변 문제를 확인하려면, 웹 페이지의 에 다음과 같이 viewport 메타 태그가 있는지 확인해주세요. 이 메타 태그는 웹 페이지가 모바일 기기에서 올바르게 렌더링되도록 하는데 필요합니다. 뷰포트 설정이 없으면 기기의 기본 뷰포트 너비로 .. 개발, 코딩/웹사이트, 앱 개발 2023. 5. 7.

• 

  ChatGPT를 이용한 인공지능 타로술사 타로봇 개발기 (Feat. 조코딩님 강의) 대 ChatGPT 시대 ChatGPT 의 발표 이후 세상이 급변하고 있습니다. 처음엔 호기심으로 몇 번 사용해본 것이 전부였으나 회사 업무 시에 정말 옆에 모르는 것이 없는 척척박사 한명이 있는 것처럼 도움을 많이 받게 되어 ChatGPT 유료 버전을 구독하게 되었습니다. 구글 검색을 통해 대부분의 정보를 얻을 수 있는 요즘이지만, 나에 맞는 환경과 상황에 맞추어 응용을 해야하는 것들이 대부분입니다. 그러나 ChatGPT의 경우 나에 맞는 환경과 상황을 제시해주면 그에 맞는 결과를 내주는 것이 놀라웠습니다. 최근 Ubuntu 서버에 솔루션을 설치하는 작업이 필요했는데 리눅스 경험이 부족한 저에게는 상당히 부담스러운 업무였습니다. 그러나 발생하는 에러메세지만 대충 긁어서 ChatGPT에게 던져주면 상황 파.. 개발, 코딩/웹사이트, 앱 개발 2023. 5. 6.