정리노트 정리노트

참고 https://ryugang.tistory.com/17 [Flutter] Web html 파일 빌드 참고 https://ryugang.tistory.com/8 [Flutter] web 으로 실행 문제 작성된 flutter를 모바일 환경이 아닌 웹브라우저에 빌드하는 방법이다. 해결 Window 1. [control] + [shift] + P 2. Flutter: Select Device 3. Chrome 4. Start Debu ryugang.tistory.com 문제 Flutter 로 만든 웹페이지를 NodeJS로 웹페이지를 운영하는 방법을 알아본다. 방법 1. 위 참고에서 생성된 web 폴더에 index.js 파일을 만들어 아래 코드를 작성한다. const express = require('exp..

참고 https://ryugang.tistory.com/8 [Flutter] web 으로 실행 문제 작성된 flutter를 모바일 환경이 아닌 웹브라우저에 빌드하는 방법이다. 해결 Window 1. [control] + [shift] + P 2. Flutter: Select Device 3. Chrome 4. Start Debuggig MAC //예정// 결과 ryugang.tistory.com 문제 flutter로 만든 페이지를 html 을 생성하는 방법을 알아본다. 과정 해당 프로젝트의 터미널에서 입력 flutter build web 생성이 완료되면 [프로젝트명]/build/web 에 index.html 을 사용하면 된다. 혹시나 선행으로 js 파일을 생성하거나, index.html 에 수정이 필요하..

문제 mysql에서 기본으로 테이블에 CHARSET은 utf8 으로 설정되어있다. utf8 경우 😀. 😃. 😄. 😁. 😆. 😅. 🤣. 😂. 🙂. 🙃. 😉. 😊. 😇. 같은 이모지를 지원하지 않는다. 테이블 CHARSET을 utf8 -> utf8mb4 변경해야한다. 해결방법 ALTER TABLE '테이블' CONVERT TO CHARACTER SET utf8mb4; 해결 이모지 insert 후

문제 IOS에서 flutter으로 만든 App으로 카메라를 들어가면 한글이 아닌 영어로 Cancel, Photo, Retake, Use Photo, Done 으로 표시가 되어 있다. UI에 표시된 영어를 한글로 바꾸는 방법을 알아본다. 해결방법 Xcode에 들어가서 Runner - info - Localizations 에서 " + " 를 눌러 사용언어를 선택한다. 한국어를 등록하면 디바이스 언어에 따라 언어지원이 된다.

문제 Failed to load network image 디버그 콘솔에 표시된다. 시뮬레이터에 출력된 image가 아래와 같이 나타난다. 해결방법 flutter build web --web-renderer html --release VScode는 터미널에서 빌드하면 된다.

문제 단말기의 환경(PC/Tablet/Mobile)에 따라 브라우저 너비가 다르다. PC/Tablet/Mobile 3가지에 대응하고자 한다. 예시 ). https://m.daum.net/ 모바일 라이프의 시작과 끝, Daum 언제 어디서나 믿고 쓰는 Daum, 쉽고 편리하게 모바일을 즐겨보세요! m.daum.net 브라우저 가로길이 기준 1024px 이상 : PC 768px 이상 : Tablet 나머지 : Mobile 브라우저 너비 resize가 되면 실시간으로 변수를 변화하는 기능을 만드는것이 목표 해결방법 방법1(추천X) 더보기 참고 https://api.dart.dev/stable/2.17.7/dart-html/EventTarget/addEventListener.html addEventListene..

저는 상태관리, 다국어지원, 라우터, 테마 등 기능을 사용하기 위해 GetX 패키지로 관리 중 입니다. https://pub.dev/packages/get get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 터미널에서 아래 입력 시 설치 flutter pub add get 세부 기능에 대한 한국어 메뉴얼 https://github.com/jonataslaw/getx/blob/master/README.ko-kr.md GitHub - jonataslaw/getx: Open screens/snackbars/dialogs/bo..

문제 작성된 flutter를 모바일 환경이 아닌 웹브라우저에 빌드하는 방법이다. 해결 1. [control] + [shift] + P 2. Flutter: Select Device 3. Chrome 4. Start Debuggig 결과