피터의 개발이야기

ㅁ 들어가며ㅇ 코틀린을 공부하는 중이다. devkuma의 코틀린 내용을 보고 공부한 내용을 정리하였다.  ㅇ 이번 글에서는 개발환경 세팅에 대해 정리하였다. ㅁ Kotlin 개발 환경의 종류Kotlin을 개발 환경을 만들고 실행하는 방법은 다음과 같다.웹 브라우저에서 사용할 수 있는 편집기 실행커멘드 라인 인터페이스(CLI) 컴파일러IntelliJ IDEA 설치나의 경우 Intellij 설치를 진행하였다.  ㅁ Kotlin 첫 프로젝프 생성ㅇ File > new > project... 를 클릭하여 신규 프로젝트를 생성하였다.ㅇ Add sample code를  체크한 상태이다. ㅇ 신규 프로젝트와 함께 Hello world를 출력하난 샘플코드가 생성되었다.ㅇ Java로 구성된 샘플코드라 필요는 없었다. ㅇ..

ㅁ 들어가며 코틀린을 공부하는 중이다. devkuma의 코틀린 내용을 보고 공부한 내용을 정리하였다. ㅁ 코틀린이란?코틀린(Kotlin)은 JetBrains에서 개발하는 크로스 플랫폼 범용 프로그래밍 언어로, 자바와 완벽하게 호환되게 설계되었으며 일반적으로 JVM에서 사용되나 자바스크립트, LLVM 그리고 데이터 사이언스 영역에서도 사용 가능하다. 2011년 여름에 발표되어 현재 Apache 2.0 라이센스로 OSS(Open Source Software)로서 개발 환경과 그 소스 코드가 공개되어 무료로 사용할 수 있다.파일 확장자는 일반적으로 .kt를 사용하며 코틀린 스크립트는 .kts를 사용한다.코틀린은 2019년 5월 7일 이후로 구글의 안드로이드 앱 개발에서 선호하는 언어가 되었다. ㅁ 코틀린의 설..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용을 정리하였다. ㅇ [flutter] 일정 관리 앱 - 달력 및 입력 폼 작성에 이어 로컬 데티어 저장 로직를 구현하였다. ㅇ 소스는 이곳 ㅁ 17장 일정 관리 앱 - 로컬 데이터베이스 세팅 ㅇ Schedules 테이블 생성(drift_database.dart) import 'package:drift/drift.dart'; // Schedules 테이블 생성 class Schedules extends Table { IntColumn get id => integer().autoIncrement()(); // PRIMARY KEY, 정수 열 TextColumn get content => text()(); // 내용, 글자 열 DateTime..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습 중 일정 관리 앱을 개발하는 과정을 정리하였다. ㅁ calendar_scheduler 프로젝트 생성 ㅇ pubspec.yaml 수정 ........... dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 # iOS style 날짜 토굴 table_calendar: 3.0.7 # 달력 intl: 0.17.0 # 다국어 drift: 2.1.0 # Drift sqlite3_flutter_libs: 0.5.10 # SQLite path_provider: 2.0.11 # 경로기능 path: 1.8.3 # 경로기능 get_it: 7.2.0 # 프로젝트 전역으로 의존성 주입 dio: 4.0.6 # ..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습 중 [flutter] 만난 지 며칠 U&I 내용을 정리하면서 Cupertino DatePicker를 설정하고 최소, 최대 날짜를 지정하는 방법을 정리하였다. ㅁ min max 날짜 지정방법 import 'package:intl/intl.dart'; // Dateformat 용 ............. // 하트 기능 생성 void onHeartPressed(){ // 쿠퍼티노 다이어로그 생성자 showCupertinoDialog( context: context, builder: (BuildContext context){ //////////////////////////////// // min max 날짜 지정- 초기 선택 날짜 final ini..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습 중 [flutter] 만난 지 며칠 U&I 내용을 정리하면서 DateFormat 한글로 표기하는 방법을 정리하였다. ㅁ pubspec.yaml 수정 flutter: sdk: flutter flutter_localizations: sdk: flutter ㅁ main.dart 한글 지정 import 'package:flutter_localizations/flutter_localizations.dart'; void main() { runApp( MaterialApp( // 한글 다이어그램 지정 localizationsDelegates: [ GlobalMaterialLocalizations.delegate, // for 안드로이드 GlobalCupe..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용이다. ㅇ 9장 만난 지 며칠 U&I를 만드는 과정이다. ㅇ 핵심 목표 - StatefulWidget의 setState 함수 이용방법 - Cupertino 위젯을 이용한 다이얼로그 및 데이터픽커 ㅁ 프로젝트 생성 및 이미지와 폰트 추가 ㅇ 프로젝트 이름: u_and_i ㅇ 이미지와 font도 복사를 하였다. assets: - asset/img/ fonts: - family: parisienne # 폰트 이름 지정 fonts: - asset: asset/font/Parisienne-Regular.ttf # 폰트 PATH - family: sunflower fonts: - asset: asset/font/Sunflower-Light.ttf ..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용을 정리하였다. ㅇ 8장 전자액자를 만드는 과정을 정리하였습니다. ㅇ 소스는 이곳 ㅁ StatelessWidget과 StatefulWidget StatelessWidget: 상태가 없는 위젯, 클래스를 한 번 생성하고 나면 속성을 변경할 수 없는 상태이다. StatefulWidget: 위젯 내부에서 자체적으로 재실행해야 하는 상황을 위해 탄생. ㅁ image_carousel 프로젝트 생성 ㅁ 샘플 이미지 세팅 ㅇ 에셋에 필요한 이미지를 asset 폴더에 저장하고 flutter에게 인식시켜줘야한다. ㅇ pubspec.yaml에 assets라는 키로 asset/img 폴더를 선언한다. ㅇ 변경사항 반영을 위해 put get을 클릭한다. ㅁ ..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용이다. ㅇ 웹뷰를 통해 웹앱을 만드는 과정을 정리하였다. ㅇ 소스는 이곳 ㅁ blogWebApp 프로젝트 생성 ㅁ pubspec.yaml 설정 dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 # webview를 위한 플러그인 추가 webview_flutter: 3.0.4 ㅇ 플러그인 갱신을 위해 Put get을 클릭한다. ㅁ AndroidManifest.xml 수정 # 인터넷 사용권한 ........ ㅇ 인터넷 접속과 http 접근 권한을 설정하였다. ㅇ 안드로이드 정책으로 기본 http 접근 권한을 막고 있었다. ㅇ [flutter] 안드로이드 웹뷰 URL 호출 에러 ERR_C..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용이다. ㅇ 스프레드 스크린 앱을 만드는 과정을 정리하였다. ㅇ 소스는 이곳 ㅁ SplashScreen 프로젝트 생성 ㅁ Slash Screen 중앙텍스트 구현 void main() { runApp(SplashScreen()); } class SplashScreen extends StatelessWidget { @override Widget build(BuildContext context){ return MaterialApp( home: Scaffold( body: Center( child: Text('Slash Screen'), ), ), ); } } ㅁ Container와 BoxDecoration 사용방법 // Container와 Bo..