플러터에서 글꼴, 폰트를 변경하는 방법이다. 프로젝트 설정 1. 먼저 사용할 폰트를 프로젝트내에 넣어준다. 일반적으로 assets/font/ 폴더 내에 넣는다. 2. pubspec.yaml의 최하단에 보이는 fonts:에 아래의 예시처럼 작성한다. fonts: - family: Yanolja fonts: - asset: assets/font/yanolja_Bold.otf weight: 700 - asset: assets/font/yanolja_Regular.otf - family: Jalnan fonts: - asset: assets/font/JalnanOTF.otf style: italic 예시 코드에서 사용하고자 하는 폰트는 Yanolja체와 Jalnan체이다. family가 코딩 시 사용할 폰트의 ..

[Flutter] 플러터 Web 개발하는 법 플러터는 앱&웹을 동시에 제작할 수 있다. 앱을 크롬과 같은 웹 브라우저에서 실행 시키는 건데, 전통적인 웹과는 인터페이스가 다르다. 디스코드를 생각하면 쉽게 이해가 될 것이다. 플러터 공 muhly.tistory.com 플러터로 웹을 빌드하는 방법은 위의 글을 참고하길 바란다. 이번에는 Firebase를 플러터 웹과 연결하는 방법을 알아보겠다. Firebase 패키지 추가하기 dependencies: flutter: sdk: flutter firebase_core_web: ^1.2.0 pubspec.yaml에 Firebase core web 패키지를 추가한다. 해당 패키지는 단순 연동을 위한 것이며, 데이터 입출력 혹은 로그인을 위해서는 추가 패키지가 필요하..

dart에서는 포인터가 존재하지 않는다. 따라서 부모 클래스에서 호출시킨 자식 클래스가 부모 클래스 내부 변수 값을 변화시키기 위해서는 부모 클래스에서 변수 값을 변화시키는 함수를 선언하고, 해당 함수를 자식 클래스의 매개변수로 넘겨주어야한다. 단순하게 설명해서 set, get 형태의 함수를 일반 함수로 선언하고 이를 자식 클래스의 생성자에 넘겨주는 것이다. 단, set,get 형태는 인수로 넘기고 받을 수 없으니 Function의 형태로 넘겨주어야한다. (혹은 typedef로 별도 타입을 생성해준다) 아래는 두 가지 방법의 예시이다. 재사용 가능한 형태의 예시1과 조금 더 간결한 형태의 예시2이다. 예시1. 부모 클래스에서 함수를 생성하고, 함수를 인수로 자식 클래스로 넘겨주는 방법 class Pare..

먼저, 플러터 웹 프로젝트를 생성하지 않았다면 아래의 포스팅을 따라 생성하고 오길 바란다. [Flutter] Web 개발 방법과 고찰 플러터는 앱&웹을 동시에 제작할 수 있다. 다르게 이야기하면 앱을 크롬과 같은 웹 브라우저에서 실행 시키는 건데, 전통적인 웹과는 인터페이스의 형태가 다르다. 플러터 공식 웹 샘플 https://gal muhly.tistory.com 플러터로 개발한 웹을 깃허브로 배포하여 깃허브 도메인으로 누구나 접근 가능하도록 하는 방법이다. 따라하기 우선 깃허브 계정이 있어야하고, IDE와 연동되어 있어야한다. 1. IDE의 터미널에서 아래의 내용들을 입력한다. flutter channel master flutter upgrade 플러터도 게임의 베타서버와 같이 개발채널, 안정화채널 ..

파이어베이스를 이용한 간단한 플러터 웹 채팅 예제 firechat pitterpark.github.io 플러터와 파이어베이스를 이용한 간단한 채팅이다. 말풍선이 생길 때마다 최초 채팅부터 마지막 채팅까지 모두 불러와 화면과 데이터를 갱신하므로 product로는 사용 불가능하니 예제로만 참고 바란다. 실제 Firebase로 채팅을 구현하는 경우에는 Realtime-database를 사용하고 색인을 사용해 한번에 읽어오는 데이터의 개수를 제한하여 속도와 비용을 줄여야한다. 해당 웹은 깃허브로 배포했다. 깃허브로 웹을 배포하는 방법은 아래 링크에 있다. [Flutter] 웹을 깃허브로 배포 및 호스팅 하기 플러터로 개발한 웹을 깃허브로 배포하여 깃허브 도메인으로 누구나 접근 가능하도록 하는 방법이다. 플러터 ..