15개 프로젝트로 실무까지 끝내는 Dart & Flutter 앱 개발내돈 내산 실제 강의 후기로 강좌에 대해 후기 작성 해봅니다.수강 계기!일반 회사에서 재직중인 직장인으로, 부업 광고에 휩쓸려 무슨 부업을 해볼까 생각하다. 평소 갖고 싶었던 앱을 직접 개발 해보자는 생각으로 여러 강좌를 둘러 보게되었습니다. 강좌를 선택할때 고려 했던 사항으로 우선 언어 지식 및 개발 방법이 상세 했으면 좋겠다라는 생각과  커리큘럼 안에 내가 만들고 싶은 앱과 유사한 앱을 만드는 과정이 포함며,  추후 다른 개발에 활용될수 있도록 이왕이면 한번 구매했을때 다양한 정보를 담은 강좌를 기준으로 강좌를 찾아 보았습니다."15개 프로젝트로 실무까지 끝내는 Dart & Flutter 앱 개발" 이래저래 강좌를 많이 알아보다 보니..

플러터에서 "Slivers"는 독특한 스크롤 인터페이스를 제공하는 중요한 위젯입니다. 특히 대규모 목록이나 스크롤이 필요한 화면에서 효율적이고 유연한 UI를 만드는 데 유용합니다. 이번 글에서는 Slivers의 개념과 기능, 대표적인 Sliver 위젯들, 그리고 실전 예제를 통해 플러터 개발에 Slivers를 활용하는 방법을 자세히 알아보겠습니다. 1. Slivers란 무엇인가요?플러터에서 Slivers는 "부분적으로 그려지는 위젯"을 의미하며, 스크롤이 가능한 리스트나 그리드 레이아웃을 만들 때 주로 사용됩니다. 일반적으로 Flutter에서는 ListView와 GridView처럼 단순한 스크롤을 제공하는 위젯을 사용할 수 있지만, 더 유연하고 복잡한 스크롤 디자인이 필요할 때 Slivers를 사용하면 ..

ClipRRect 위젯이미지의 모서리를 둥글게ClipRRect( child: Image.asset('assets/no-picture-taking.png'), borderRadius: BorderRadius.circular(10), ) 예제 Container( width: double.infinity, height: 170, child: newsItem['urlToImage'] != null ? ClipRRect( child: Image.network( newsItem['urlToImage'], fit: BoxFit.cover, ), borderRad..

import 'package:archive_idea/database/database_helper.dart';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:flutter/widgets.dart';import 'package:flutter_rating_bar/flutter_rating_bar.dart';import 'package:intl/intl.dart';import '../data/idea_info.dart';class MainScreen extends StatefulWidget {const MainScreen({super.key});@override State createStat..

플러터 pubspc.yaml 파일 소개 및 활용법 플러터의 pubspec.yaml 파일은 플러터 프로젝트의 메타 정보를 담고 있는 마크업 파일로써 프로젝트에 필요한 설정값들을 다루고 있는 파일이라고 할수 있습니다.(메타정보 : 프로젝트 이름, 설명, 버전 정보 등) pubspec.yaml 주요 사용 부분은 3가지 정도로 패키지 가져오기, 이미지 가져오기, 폰트 가져오기로 주로 사용하게 됩니다.이 3가지의 부분의 예시를 작성해 봅니다.  1. 사용할 패키지 가져오기플러터 프로젝트 개발중 외부의 패키지를 가져와야 할 경우, pubspec.yaml 파일의 내용중 dependencies 영역에 필요한 패키지를 입력 합니다. denpendencies 영역에 패키지를 입력후 flutter pub get 명령어(또는..

Dart 변수 타입 플러터는 공식적으로 Dart 언어를 사용하며, Dart 에서 사용하는 변수 타입에 대해 정리 해보겠습니다.기본 타입문자열 ( String )String name = "홍길동";정수 ( int )int age = 20;실수 ( double )double score = 99.8;불리언 ( bool )   /  참/거짓 ( true / false ) bool isHuman = true;   컬렉션컬렉션은 하나의 변수에 여러 값을 저장할수 있는 타입으로 여러 값을 순서대로 보관하는 List 형, 특정 key를 기준으로 빠르게 검색할수 있는 Map, 중복제거를 위해 사용되는 Set이 있습니다. List여러 값을 순서대로 저장할때 사용되며, List에 저장되는 값들은 List를 정의 할때 입력하..

vNull Safety 에 대한 이해변수에서 null이라 아무런 값이 없음을 나타 냅니다.이러한 변수의 null 값은 개발자로 하여금 개발중 예기치 않은 오류를 자주 발생시킵니다.이러한 예기치 않은 오류를 방지하기 위해 플러터에서는 플러터 2.0 부터 Null Safety 를 도입 했습니다.null safety는 말 그대로 Null로 부터 안전한 코드 작성 하게 하겠다는 뜻 입니다.Null safety 는 null이 발생할 만한 코드에 미리 에러를 표시해 줌으로써 Null이 발생하지 않도록 예외처리를 강제하고 있습니다. 플러터가 도입한 Null safety의 주요 컨센은 nullable 과 non-nullable로 정의 할수 있습니다. nullable ( ? , ?? )nullable은 글과 같이 nul..

1. 플러터 프로젝트 구조 및 주요 파일1) 주요폴더android : 안드로이드 프로젝트 관련 파일로써 플러터를 컴파일하여 생성된 안드로이드 네이티브 코드들이 생성되는 위치 ios : Ios 프로젝트 관련 파일로써 플러터를 컴파일하여 생성된 iOS 네이티브 코드들이 생성되는 위치( 맥전용) lib : 플러터 앱 개발을 위한 다트 소스 코드가 위치한 폴더 (프로젝트 생성시 main.dart 파일이 생성되는곳 test 플러터 앱 개발중 테스트 파일 , 테스트 편의성 제공 개발자 직접 관리 파일 2) 주요파일pubspec.yaml : 플러터 프로젝트에서 중요한 파일로 프로젝트에 필요한 앱명, 버전,빌드,의존성,리소스 ,다양한 패키지와 라이브러리, 이미지,폰트 등을 설정하는 파일 README.md : 프로젝트 ..