flutter 25

[Flutter] VSCode flutter 프로젝트 생성하기

1. vscode를 연다. 2. command + shift + p 눌러 command palette 를 실행 시킨다 혹은 보기 > command palette 선택 3. Flutter: New Project 를 선택한다. 개발할 프로그램에 맞춰 선택 우선 앱을 만들 것이기 때문에 애플리케이션 선택 4. 앱 저장 위치를 정하고 이름을 정한뒤 엔터! 프로젝트 이름은 lowcase 그럼 프로젝트가 생성되고 f5 혹은 터치바라면 디버그 버튼을 눌러 디버깅 모드를 실행한다. 이렇게 프로젝트가 잘 생성 된 것을 볼 수 있다.

develop/Flutter 2022.10.29

[Flutter] dart class 선언하기 & 생성자

dart는 참.. 음.. 좋은데 swift를 하다 갈아타면 참 애매한 경우가 있다. 클래스 선언은 비슷한데 생성자는 참 애매하고 ㅎㅎ dart의 class와 생성자는 어떻게 생성하고 사용할까 1. dart의 class는 어떻게 선언할까 class WhatIsClass{ } 다른 언어들처럼 선언한다. 그럼 어떻게 사용할까? WhatIsClass myClass = WhatIsClass(); 2. 생성자는 어떻게 선언할까 다트에서는 오버로딩이라는 개념이 없기 때문에, 네임드 생성자를 사용해야 한다. nullable class WhatIsClass { String? myString; int? myNumber; WhatIsClass({ this.myString, this.myNumber}); } non nulla..

develop/Flutter 2022.10.27

[Flutter] markdown Viewer 만들기

Markdown viewer 를 만들기 위해서는 라이브러리를 받아야한다. https://pub.dev/packages/flutter_markdown flutter_markdown | Flutter Package A Markdown renderer for Flutter. Create rich text output, including text styles, tables, links, and more, from plain text data formatted with simple Markdown tags. pub.dev flutter pub add flutter_markdown 적용법은 매우 간단하다. Markdown(data: 'markdown String here') 커스텀 디자인은 어떻게 할 수 있을까? ..

develop/Flutter 2022.10.25

[Flutter] 그라데이션 색상 추천 사이트

디자이너 없이 1인 개발을 하다보면, 앱 아이콘, 스플레시 이미지, 아이콘 등 여러 디자인 요소를 혼자 만들어 내야 할때가 있다. 그 중 색조합은 정말 어려운데, 그라데이션 색상 으로 대표 색상 3-4가지를 선택하면 메인컬러 서브 컬러 등 색 조합을 보다 디자이너 처럼 할 수 있다.. ㅎㅎ 그럼, 그라데이션 색 추천 해주는 사이트를 소개 하겠다. 1. https://uigradients.com/#CalmDarya uiGradients - Beautiful colored gradients uiGradients is a handpicked collection of beautiful color gradients for designers and developers. uigradients.com 이렇게 기본 색상..

기타 2022.10.21

[Flutter] Font 적용하기

늦을 수록 힘든 작업은 다국어 작업, font 작업, color 공통화 등이 있는거 같다. 늦을 수록 고쳐야 하는 것들이 마른 미역 한봉지 물에 넣은 것 만큼 늘어 난다.... Flutter 프로젝트에 원하는 폰트 적용하기 요약 1. 사용할 폰트를 프로젝트 내로 위치 시킨다. 2. .yaml 파일에 폰트를 정의한다. 3. 폰트를 사용한다. 우선 사용할 폰트를 다운 받고 프로젝트 내에 위치 시킨다. assets > font 폴더를 만들고 (option : 원하는 폴더를 만들어도 된다. ) fonts: 부분의 주석을 해제한다. .yaml 파일은 띄어쓰기에 민감하기 때문에 주석 해제후 사용하면 띄어쓰기에 신경 쓰지 않아서 좋다. 상대 경로를 복사하여 pubspec.yaml 의 family 이하 부분을 아래 처..

카테고리 없음 2022.10.18