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 이미지를 만..
flutter webview로 만들어보기 이번에 동료분들과 나누기 위해 글로 정리를 해봤습니다. 우선 기본적인 Flutter SDK 다운로드등과 관련된 완전 기본 세팅 이후 과정입니다. 기본 세팅에 관해서 보고 싶으면 다음 페이지에서 확인 부탁드려요 (코딩애플 짱!) https://codingapple.com/unit/flutter-install-on-windows-and-mac/ Flutter 설치와 개발환경 셋팅 (윈도우 / 맥) - 코딩애플 온라인 강좌 Flutter 개발환경 셋팅하기 위해 설치할 것들이 좀 있습니다. 윈도우 10이상 (64bit) 또는 맥OS 10.14버전 이상이 필요합니다. 1. Flutter SDK 설치 https://flutter.dev/docs/development/tool..
데스크톱 앱 위치, 사이즈 저장 사용 기술 NW.js js, html, css 문제 데스크톱 앱 위치, 사이즈 저장 오류 저희 프로그램은 NW.js의 2가지 버전(0.24.4, 0.72.0)을 호환되어야 합니다. 그리고 데스크톱 앱을 종료하고 시작했을 경우 위치와 사이즈를 기억해야 하기 때문에 NW.js event를 이용하여 값을 localStorage를 사용해서 사용했습니다. 그럼 무엇을 고려했어야 했을까요? window 7, 32bit까지 + 엄청 느린 컴퓨터에서도 동작하는 경우 로그인 화면과 로그인 후 화면에서 적용되어야 합니다. NW.js 0.24.4, 0.72.0 2가지 버전을 고려해야 합니다. NW.js Event 동작을 고려해야 합니다. 위치가 이상할 때 실행은 되지만 화면에 안 보이는 경우..