바이브 코딩이 유행이어서 무료로 사용할 수 있는 Antigravity를 사용해봤습니다.그냥 지시하고 모르면 물어보고 타자만 치면 끝입니다.그래도 제가 겪었던 어려웠던 점을 조금 나누려고 합니다.1. Antigravity 설치https://antigravity.google/ Google AntigravityGoogle Antigravity - Build the new wayantigravity.google해당 사이트에서 설치를 진행하면 됩니다. VSCode와 같이 코드를 입력할 수 있는 IDE 라고 생각하면 됩니다. 2. 지시하기저는 차(tea)관련 처방전 사이트를 만들고 싶었습니다.또한 모든 것을 AI로 작성을 하고 싶은 마음이 있어 AI에게 질문했습니다.Gemini 에게ai 웹을 만들려고 하는데해당 ..
회사 경험들을 작성하고 싶었지만 아쉽게 회사를 나오게 되면서 (회사 가고 싶다...)그 때 사용했었던 AI 사용 글을 작성해 보도록 하겠습니다.지금 소개하는 것들은 특정 디자인에 따른 포스터를 만드는 것입니다.상황: 싱크대 수전 카트리지를 교체하기 위해 싱크대에서 물이 나오지 않게 해야 합니다.그런데 뭐를 건들여야 할지 뭐가 뭔지 궁금했습니다. 또한 다른이에게 설명을 해주기 위해 조금 이쁜 포스터를 만들려고 합니다.1. 포스터로 만들고 싶은 내용/사진 2. 특정 디자인 코드 복사원하는 디자인을 파악할 수 있는 곳 BananaX — 300+ Infographic Prompt Styles | AI Image Generation Dictionary [2026]Browse and copy 300+ free i..
execSync Node Buffer 문제 (업데이트) 간단하게 업데이트 과정은 다음과 같습니다. 문제: node_modules 에 firebase 가 추가 될 시 데스크탑 앱 자동 업데이트가 진행되지 않습니다. => execSync(XCopy ... ... )까지 실행되고 그 이후 상황이 실행되지 않습니다. 업데이트 부분의 기존 파일과 교체 부분에서 문제가 발생했습니다. 원인: **firebase 의 Buffer 크기(Node Buffer 란)가 커서 execSync 에서 받아드리지 못해서 생기는 문제** (exec의 기본 버퍼 사이즈는 200k 입니다.) 해결책: 1. XCopy 를 parent process와 분리하여 실행 ({detached: true} 사용) 실행 과정(cmd 창)이 보입니다. ..
Flutter 웹뷰 뒤로 가기 + Webview_flutter 웹에서 window.open을 이용해서 새창을 띄웁니다. 그렇게 되면 기존에 띄어져 있는 웹이 변경됩니다. Android, iOS 뒤로가기를 이용해서 문제를 해결하였습니다. 이전 상황을 간단하게 설명하면 웹뷰로 만들어진 앱에서 새로운 페이지로 이동을 시키려고 했습니다. 그래서 Modal을 만들어 이용하고 특정 url을 중간에 가로채서 버그들을 수정했습니다. 이렇게 처리를 하게되면 Flutter 코드를 계속적으로 봐야 하는 귀찮음이 많았습니다. (그리고 Flutter 개발자가 없다...) 이로인해 Flutter을 간단하게만 볼 수 있고 수정은 최대한 안 하는 방식으로 생각한 방법입니다. Android와 iOS 둘다 뒤로 가기의 형태가 다릅니다...
앱 배포(Android, iOS) 이 글은 처음 앱 배포보다는 업데이트를 위한 배포입니다. 코드쪽을 수정해야 하는 부분을 확인할 수 있는 글입니다. 플레이스토어, AppStore에 관련된 내용은 블로그를 첨부했으니 확인 부탁드려요 :) (기본 명령어 등은 이전 글에서 써져있으니 넘어가겠습니다.) Android 1. keystore 파일 준비 keystore 란 안드로이드 앱을 플레이스토어(구글)에 올리기 위해 사용되는 개발자 서명 => 인증서 추가로, keystore는 다른 개발자가 내가 올린 앱을 변경하는 것을 막기 위한 것입니다. => 업데이트 keystore 만드는 Docs https://developer.android.com/studio/publish/app-signing 2. 프로젝트의 버전 및..
Mac 데스크탑앱 만들기 window와 다르게 mac은 실행 파일이 폴더로 되어 있습니다. 즉, window에서 구분되어 있는 것이 mac에서는 합쳐져 있다고 생각하면 됩니다. nwjs 0.72.0을 이용해서 실행 파일을 만들어 보겠습니다. 1. nw.js 다운로드 https://dl.nwjs.io/v0.74.0/nwjs-sdk-v0.74.0-osx-x64.zip 0.74.0으로 한 이유는 해당 버전부터 저희 프로그램의 Web, 하드웨어(POS, 바코드 프린터)등이 연결이 되기 때문입니다. 추가로 다운로드를 확인하고 싶으시면 해당 링크로 들어가시면 됩니다. https://dl.nwjs.io/v0.72.0/ 2. 실행할 파일 build 3. nwjs.app수정 여기서 부터가 진짜입니다. nwjs.app에 ..
경로에 빈칸 있는 경우, 특수 문자 있는 경우 에러데스크탑 앱을 자동 업데이트를 진행하려고 합니다.그러나 설치 경로 중 빈칸이 들어간 경우와 특수 문자가 들어간 경우에 정상 작동하지 않은 문제가 있었습니다.실행방법\폴더명안(경)안{경}!#$^&안 경 원업데이트XOXXTechNW.js 처음 왜? 이럴까 생각을 해봤습니다.execSync 부분에서 문제가 발생하여 크게 3가지로 예상 할 수 있었습니다.명령어 문제: xCopy, pkill 등 명령어가 동작하지 않는 경우경로 문제: 잘못된 경로인 경우명령어 + 경로 문제: 명령어와 경로를 합쳤을 때 동작을 하지 않는 경우우선 업데이트 순서를 이미지로 간단하게 설명하도록 하겠습니다.1. 명령어 문제xCopy, pkill 등 명령어가 동작하지 않는 경우를 판단하기 ..
아이콘 및 앱 이름 수정하기 공통 이미지 만들기 - 1024px x 1024px 이상 - 정방향 - png 확장자 - 불투명한 배경 Android 1. flutter 내부에 있는 android 폴더 열기 2. Image Asset 실행 android > app > res 의 마우스 오른쪽 선택 -> New -> Image Asset 선택 3. Image Asset에 이미지 적용 Source Asset 의 Path 에 이미지 경로 넣기 4. android 앱 이름 수정 android > app > manifests > AndroidManifest.xml 파일의 android:label 부분 수정 iOS 1. iOS 이미지 만들기 https://www.appicon.co/ 해당 사이트에서 iOS 이미지를 만..