쉿 코딩중

안녕하세요 이번 글에서는 Dialog를 이용하여 DatePicker을 사용하여 보겠습니다. 먼저 프로젝트를 생성해 주고 디렉터리와 파일을 하나 생성하여 줍시다. main.dart import 'package:dialog_date/screen/home_screen.dart'; import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: HomeScreen() )); } home_screen.dart import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const..

안녕하세요 이번 글에서는 웹뷰를 만들어 보겠습니다. 먼저 구글에 pubdev 검색하여 Dart Packages에 접속하여 봅시다. 그다음 검색창에 webView를 검색한 뒤 아래 사진과 같은 검색 결과를 선택하여 줍시다 ( like 등은 변동될 수 있습니다. ) installing을 누르면 webview를 사용하기 위한 방법들이 나오는데 중간의 yaml 파일 코드를 복사하여 줍시다. (필자는 3.0.4 가 아닌 3.0.0을 사용하겠습니다. ) 아래 사진처럼 작성 후 pub get! 이제 main.dart 파일을 작성하겠습니다. import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; void ..

※ 코드팩토리님 강의를 듣고 복습한 내용입니다. 안녕하세요 이번 글에서는 이미지 슬라이드(책자?)를 만들어 보겠습니다. 프로젝트 생성 후 아래처럼 폴더와 이미지를 셋팅해 줍시다. 다음 asset 폴더의 이미지를 사용하기 위해서 pupspec.yaml 파일을 열어 세팅하여 줍시다. 이제 main.dart 파일을 열어 코딩하여 줍시다! import 'dart:async'; import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: HomeScreen(), )); } class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); ..

안녕하세요 이번 글에서는 앱 실행 시 시작화면을 만들어 보겠습니다. 먼저 프로젝트 생성후 main.dart 파일을 열어 줍시다. 아래 사진 처럼 폴더를 생성한 다음 시작 화면에 사용할 이미지를 넣어 줍니다. 다음으로 이미지를 사용하기 위해서 pubspec.yaml 파일을 열어 아래처럼 코드를 작성한 다음 오른쪽 상단의 Pub get을 클릭하여 줍시다. 그다음 main.dart 파일을 열어 아래처럼 코딩하여 줍시다. import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: HomeScreen(), )); } class HomeScreen extends StatelessWidget { const HomeScreen({Key..

이번 글에서는 where 함수를 사용해 보겠습니다. void main() { // 예시로 사용할 List선언 List people = [ { 'name': '로제', 'group': '블랙핑크', }, { 'name': '지수', 'group': '블랙핑크', }, { 'name': 'RM', 'group': 'BTS', }, ]; print(people); // where 함수를 사용하여 group키의 value값이 블랙핑크인 값만 출력 final blackPink = people.where((x)=> x['group'] == '블랙핑크').toList(); print(blackPink); } 실행결과

이번 글에서는 Map에 대하여 알아보겠습니다. [ Map ] 실행결과 감사합니다.

이번 글에서는 간단히 객체를 생성해 보도록 하겠습니다. 먼저 Class를 선언하여 줍니다. 생성한 Class를 이용하여 객체를 생성하여 줍니다. 객체를 생성할 경우 fromList를 사용하여 생성이 가능합니다. named parameter를 사용하여 명확하게 파라미터를 지정할 수 있습니다.

이번 글에서는 typedef을 정리해보도록 하겠습니다. typedef 란 쉽게 정리하면 함수를 좀 더 간결하게 쓸 수 있도록 하는 기능입니다.

이번 글에서는 Method의 Parameter 받는 방법을 알아보도록 하겠습니다. [ positional parameter ] - 순서가 중요한 파라미터 가장 기본이 되는 파라미터의 형태입니다. 선언된 자료형의 순서대로 파라미터를 받는 방식입니다. [ optional parameter ] - 있어도 되고 없어도 되는 파라미터 optional parameter는 [ ] 안에 선언된 파라미터는 말 그대로 옵션으로 취급하여 있어도 되고 없어도 정상적으로 작동합니다. 또한 아래 이미지처럼 기본값을 설정할 수 있습니다. [ named parameter ] - 이름이 있는 파라미터(순서가 중요하지 않다.) named parameter는 파라미터를 넘겨줄 때 미리 method에서 지정해 놓은 파라미터의 이름과 매치시..

기본적으로 dynaminc과 var 두 종류 모두 값에 맞게 자료형을 맞추어 줍니다. 위처럼 문자열과 숫자를 적어도 오류 없이 정상적으로 선언이 가능합니다. dynaminc과 var의 차이점을 알아보자면 dynaminc의 경우 중간에 타입이 변경이 돼도 오류 없이 정상적으로 타입이 변경됩니다. 하지만 var의 경우 중간에 타입을 변경할 경우 타입 변경이 안되어 오류가 발생합니다. dynamic과 var의 특징을 간단히 정리해보았습니다. 감사합니다.