안녕하세요~ totally 개발자입니다. bottom_picker 지난 포스팅에서는 showDatePicker로 날짜를 선택하는 방법에 대해 살펴보았고 이번에는 bottomPicker를 통해 날짜를 선택하는 방법에 대해 살펴봅니다. bottomPicker 말 그대로 기기 아래 부분의 UI로 구성되어 날짜를 선택할 수 있도록 도와주는 패키지로 매우 간단하게 구현할 수 있습니다. Step 1: pubspec.yaml에 bottom_picker 패키지를 추가합니다. Step 2: 27번째처럼 변수를 선언해주시고 33~52번째 줄처럼 메소드를 선언하여 bottomPicker가 보여질 수 있도록 구성합니다. 여기에서는 dateOrder만 잘 해주시면 되는데 DatePickerDateOrder.ymd 즉 연/월/일..

안녕하세요~ totally 개발자입니다. showDatePicker 어플을 개발할 때 날짜를 입력 받아야 하는 경우가 종종 있는데 플러터에서는 showDatePicker을 통해 간단하게 구현할 수 있습니다. 바로 실습을 통해 살펴보도록 하겠습니다. Step 1: 라이브러리 설치 필요 없이 바로 구현 가능합니다. DateTime? _selectedDate; 처럼 변수를 미리 선언해줍니다. Step 2: showDatePicker 부분을 구현합니다 initialDate는 초기 날짜 세팅, firstDate와 lastDate는 선택 가능한 날짜의 범위를 정하는 것입니다. 그리고 then을 통해 위에 선언된 _selectedDate 변수에 상태를 업데이트해주면 됩니다. Step 3: 날짜를 선택한 후 선택한 날..

안녕하세요~ totally 개발자입니다. SQFLITE (SQLite) 오늘은 SQFLITE(로컬 데이터베이스)를 사용하여 맞춤 영어 단어장을 만들어보도록 하겠습니다. 이것을 사용하면 예전에 알아보았던 SharedPreference 대신에 많은 데이터를 주고 받으며 저장할 수 있는 장점이 있습니다. 오늘 실습을 위해서는 기본적인 데이터베이스의 개념과 SQL의 CRUD 개념을 이해할 필요가 있습니다. 이 CRUD는 Create, Read, Update, Delete의 약자로 SQL에서는 INSERT, SELECT, UPDATE, DELETE 키워드로 쿼리(query) 명령문을 작성하게 됩니다. 바로 실습을 통해 영어 단어장을 만들어보도록 하겠습니다. 모든 소스 코드는 맨 아래에 첨부하였으니 참고하시기 바랍..

안녕하세요~ totally 개발자입니다. Singleton (싱글톤) 저번 포스팅에서는 Factory(팩토리) 패턴에 대해 살펴보면서 싱글톤의 개념을 일부 언급했지만 이번 포스팅을 통해 조금 더 자세하게 살펴보고자 합니다. 물론 factory 키워드는 여기에서도 사용되기 때문에 저번 포스팅을 보시고 이번 포스팅을 보시면 더욱 이해가 될 것이라 생각합니다. 싱글톤의 특징 1) 클래스의 static 멤버를 선언하고 인스턴스를 할당해줍니다. 2) public으로 접근이 되지 않도록 생성자에 대한 접근을 private로 제한합니다. 3) 인스턴스를 return해줄 수 있는 메소드를 만들어줍니다. 4) 하나의 클래스에서 하나의 인스턴스만 생성하여 사용합니다. 5) factory 생성자에서는 this에 접근할 수 ..

안녕하세요~ totally 개발자입니다. Factory Pattern (팩토리 패턴) Factory는 싱글톤 패턴을 기반으로 하며 새로운 인스턴스를 만들지 않을 때 사용하는 생성자입니다. 이미 생성된 인스턴스(instance)가 있다면 생성하지 않고 그대로 return해서 재사용하고, 싱글톤 개념에 따라 단 한 개의 인스턴스만 생성합니다. Factory를 위해서는 싱글톤(Singleton) 패턴이 무엇인지 먼저 살펴볼 필요가 있습니다. Singleton Pattern (싱글톤 패턴) 싱글톤 패턴이란 객체를 단 하나만 생성하여 어느 곳에서든지 이 생성된 단 하나의 객체를 참조할 수 있게 해주는 패턴입니다. 이것에 대한 장점은 당연히 여러 객체를 생성하지 않고 단 하나의 객체만 생성하여 관리하기 때문에 메모..

안녕하세요~ totally 개발자입니다. Carousel Slider + Indicator 이 시간에는 carousel_slider 라이브러리를 사용하여 슬라이더를 indicator(현재 어느 슬라이드인지, 클릭하면 해당 슬라이드로 이동할 수 있게 도와주는 역할)와 함께 간단히 만들어보도록 하겠습니다. 물론 라이브러리를 사용하지 않고도 ListView를 활용하여 구현할 수 있으나 다소 복잡하기 때문에 라이브러리 사용을 권장드립니다. Step 1: pubspec.yaml에 carousel_slider: 를 추가해줍니다. Step 2: 필요한 변수들을 선언해줍니다. _current는 현재 슬라이드 위치를 나타내는 인덱스값, _controller는 슬라이더를 조작할 수 있도록 해주는 컨트롤러, imageLis..