화면을 구성하다 보면 위에 처럼 같은 구성을 반복적으로 사용해야 할 때가 있다. 그럴 때 widget을 함수처럼 사용하여 반복적인 구성을 간편하게 구현할 수 있다. 위 이미지는 제일 큰 컨테이너 안에 이미지, 텍스트, 텍스트가 들어가야 하는 구성이 반복된다. 그래서 파라미러터로 imgUrl 경로, title 텍스트, contents 내용에 관련된 내용을 String 타입으로 받는다. 구성을 그대로 짜주고 해당 파라미터로 받을 값들을 적어 준다. Widget _addSubText(String imgUrl, String title, String contents) { return Container( margin: const EdgeInsets.only(top: 10), child: Column(crossAxi..

pubspce.yaml 의 dependency 에 입력해준다. http: ^0.13.3​ http 패키지 사용을 위해 import 해준다. as http 를 사용하게 되면 http.Response response = await http.get(Uri.parse('주소')); 와 같은 프리픽스를 붙여주여 더욱 명확하게 사용할 수 있다. import 'package:http/http.dart' as http; async 를 사용하는데 그 이유는 http의 get() 함수가 await를 포함하고 있어 비동기가 되기 때문이다. void fetchData() async { try { http.Response response = await http.get( Uri.parse( 'https://jsonplacehol..

제공 되는 이미지가 bluechart 이면 글씨의 색을 파란색으로 아니라면 빨간색으로 표현되게 하고 싶었다. Text( jmprice, style: TextStyle( color: jmchart.contains("bluechart")? Color(0xFF2F68DD) : Color(0xFFDE3226), fontSize: 18, fontWeight: FontWeight.w500, ), ), 해당 코드를 보면 아래와 같이 표현 된다. 문자열.contains.("문자열 중 찾으려는 문자")

Flutter 작동 순서 main.dart runApp 을 시작으로 프로그램이 시작 됨 void main() { runApp(const SampleApp()); } SampleApp 은 StatelessWidget 를 상속 받았음 StatelessWidget : 변하지 않는 정적인 값 StateWidget : 데이터를 받아서 변할 수 있는 동적인 값만 수용 가능 class SampleApp extends StatelessWidget { const SampleApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return GetMaterialApp( /// 초기화 ( 최초 ) 할 화면의 "이름"을 정의 title..