모바일어플개발/Flutter(75)
-
[051] 플러터 (Flutter) 배우기 - sqflite 사용하여 단어장 만들기(로컬 데이터베이스)
안녕하세요~ totally 개발자입니다. SQFLITE (SQLite) 오늘은 SQFLITE(로컬 데이터베이스)를 사용하여 맞춤 영어 단어장을 만들어보도록 하겠습니다. 이것을 사용하면 예전에 알아보았던 SharedPreference 대신에 많은 데이터를 주고 받으며 저장할 수 있는 장점이 있습니다. 오늘 실습을 위해서는 기본적인 데이터베이스의 개념과 SQL의 CRUD 개념을 이해할 필요가 있습니다. 이 CRUD는 Create, Read, Update, Delete의 약자로 SQL에서는 INSERT, SELECT, UPDATE, DELETE 키워드로 쿼리(query) 명령문을 작성하게 됩니다. 바로 실습을 통해 영어 단어장을 만들어보도록 하겠습니다. 모든 소스 코드는 맨 아래에 첨부하였으니 참고하시기 바랍..
2023.04.08 -
[050] 플러터 (Flutter) 배우기 - Rest API 사용(GET, POST)
안녕하세요~ totally 개발자입니다. REST API Rest API는 개발을 하시는 분들이라면 반드시 알고 있어야 하는 개념 중 하나로서 Representational State Transfer의 약자입니다. 데이터를 이름으로 분류하여 데이터를 주고 받는 모든 것을 말합니다. HTTP URI를 통해 데이터 자원(resource)를 표시해주고 5가지 HTTP Method(방법)에 의해 해당 데이터를 주고 받을 수 있습니다. 흔히 관계형 데이터베이스의 CRUD(Create, Read, Update, Delete)를 이렇게 아래처럼 rest API method로 정리할 수 있습니다. POST (CREATE) Resource 추가(생성) GET (READ) Resource 가져옴 PUT (UPDATE) R..
2023.04.05 -
[049] 플러터 (Flutter) 배우기 - Singleton (싱글톤) 개념 이해하기
안녕하세요~ totally 개발자입니다. Singleton (싱글톤) 저번 포스팅에서는 Factory(팩토리) 패턴에 대해 살펴보면서 싱글톤의 개념을 일부 언급했지만 이번 포스팅을 통해 조금 더 자세하게 살펴보고자 합니다. 물론 factory 키워드는 여기에서도 사용되기 때문에 저번 포스팅을 보시고 이번 포스팅을 보시면 더욱 이해가 될 것이라 생각합니다. 싱글톤의 특징 1) 클래스의 static 멤버를 선언하고 인스턴스를 할당해줍니다. 2) public으로 접근이 되지 않도록 생성자에 대한 접근을 private로 제한합니다. 3) 인스턴스를 return해줄 수 있는 메소드를 만들어줍니다. 4) 하나의 클래스에서 하나의 인스턴스만 생성하여 사용합니다. 5) factory 생성자에서는 this에 접근할 수 ..
2023.04.04 -
[048] 플러터 (Flutter) 배우기 - Factory Pattern (팩토리 패턴) 이해하기
안녕하세요~ totally 개발자입니다. Factory Pattern (팩토리 패턴) Factory는 싱글톤 패턴을 기반으로 하며 새로운 인스턴스를 만들지 않을 때 사용하는 생성자입니다. 이미 생성된 인스턴스(instance)가 있다면 생성하지 않고 그대로 return해서 재사용하고, 싱글톤 개념에 따라 단 한 개의 인스턴스만 생성합니다. Factory를 위해서는 싱글톤(Singleton) 패턴이 무엇인지 먼저 살펴볼 필요가 있습니다. Singleton Pattern (싱글톤 패턴) 싱글톤 패턴이란 객체를 단 하나만 생성하여 어느 곳에서든지 이 생성된 단 하나의 객체를 참조할 수 있게 해주는 패턴입니다. 이것에 대한 장점은 당연히 여러 객체를 생성하지 않고 단 하나의 객체만 생성하여 관리하기 때문에 메모..
2023.04.03 -
[047] 플러터 (Flutter) 배우기 - Carousel Slider + Indicator (자동 슬라이더 + 인디케이터 구현)
안녕하세요~ totally 개발자입니다. Carousel Slider + Indicator 이 시간에는 carousel_slider 라이브러리를 사용하여 슬라이더를 indicator(현재 어느 슬라이드인지, 클릭하면 해당 슬라이드로 이동할 수 있게 도와주는 역할)와 함께 간단히 만들어보도록 하겠습니다. 물론 라이브러리를 사용하지 않고도 ListView를 활용하여 구현할 수 있으나 다소 복잡하기 때문에 라이브러리 사용을 권장드립니다. Step 1: pubspec.yaml에 carousel_slider: 를 추가해줍니다. Step 2: 필요한 변수들을 선언해줍니다. _current는 현재 슬라이드 위치를 나타내는 인덱스값, _controller는 슬라이더를 조작할 수 있도록 해주는 컨트롤러, imageLis..
2023.04.01 -
[046] 플러터 (Flutter) 배우기 - ListView.builder + 스크롤 Pagination 적용
안녕하세요~ totally 개발자입니다. ListView.builder + Pagination 이번에는 ListView.builder를 사용하여 스크롤을 내렸을 때 다음 페이지, 추가 내용을 가져와서 보여주는 스크롤 페이지네이션(Pagination) 구현 방법에 대해서 살펴보도록 하겠습니다. 보통 RestAPI를 사용하여 데이터를 가져올 때 한 번에 많은 데이터를 가지고 오는 경우는 드문데 그 이유는 한 번에 많은 데이터를 가져오게 되면 로딩 시간도 오래 걸리고 한 화면에 어차피 다 보여지지 못할 데이터들을 굳이 한 번에 가져올 필요는 없기 때문입니다. 그래서 page와 limit을 parameter로 추가하여 데이터를 가지고 오는 경우가 많은데 간단한 방법으로 이것을 구현해보는 실습을 해보도록 하겠습니..
2023.03.30