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

• 

  50대를 바라보는 아저씨의 인생 첫 게임 출시기 — 스틱잽(Stikjab) 개발 후기 안녕하세요! 50대를 바라보고 있는 늘 지쳐있는 가장입니다 ㅎㅎ 현업의 박봉에 힘들어하고 있을 때 뭔가 용돈이라도 벌 수 있는 게 없을까 매일 고민만 하던 중, 초등학생 아들이 매일 하던 캐주얼한 게임들을 보니 짧은 플레이 타임을 갖게 하는 난이도지만 계속 기록을 갱신하고 싶은 도전 욕구가 들게 하는 것 같더라고요. 스토어에 올라오는 게임들의 수준을 보니 게임 개발 경험이 전무한 저에게는 진심으로 다른 세상이었습니다. 그래서 이런 전문적인 게임 퀄리티는 포기하고, 한 판이 끝날 때마다 잠깐의 광고가 나오게 할 만한 가벼운 게임을 만들어보자는 마음으로 이런저런 아이디어를 짜내보았습니다. 아이디어 — 젓가락 팔 + 풍선 머리 + 바늘 한 자루 한 가지 번뜩 떠오른 아이디어 중 하나가 바로 이 게임의 모티브가.. 개발, 코딩/웹사이트, 앱 개발 2026. 5. 31.

• 

  구글 플레이 스토어 출시를 위한 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.