dart(11)
-
📌 Day 1: Dart & Flutter 기초부터 실전까지! Dart 기본 문법 (변수, 함수, 클래스)
Flutter 개발을 위해 필수적인 Dart 기본 문법 학습 [ Dart ]✅ Flutter에서 사용되는 언어✅ 객체 지향 프로그래밍(OOP) 및 비동기 프로그래밍 지원 1️⃣ Dart 개요 및 실행 방법📌 크로스플랫폼 ! 모바일, 웹, 서버, 데스크탑에서 실행할 수 있는 언어.📌 JIT (Just-In-Time) & AOT (Ahead-Of-Time) 컴파일 모두 지원, 빠른 실행 속도 제공. ✅ Dart 실행 방법VSCode 기준 Flutter 프로젝트 생성 ( flutter create project_name )Flutter 프로젝트에서 실행 (main.dart) // VSCode 동일 프로젝트라면 ‘Ctrl + F5’ 로 어디서든 실행 가능DartPad 에서도 실행 테스트 가능 (https..
2025.02.19 -
Flutter로 간단한 날씨 앱 만들기: OpenWeatherMap API 연동
안녕하세요! 이번에는 Flutter로 날씨 앱을 만들어볼 거예요. OpenWeatherMap API를 사용하여 현재 날씨 정보를 가져오고, 이를 앱에서 표시해보겠습니다. 이 프로젝트를 통해 API 연동, 비동기 데이터 처리, 그리고 위젯을 활용한 UI 구성을 배워볼 수 있습니다. 목차날씨 앱 개요OpenWeatherMap API 설정하기Flutter에서 날씨 데이터 가져오기날씨 앱 UI 구현하기Flutter 초보자의 시행착오다음 단계: 고급 날씨 앱으로 발전시키기 1. 날씨 앱 개요목표 기능현재 위치의 날씨 정보를 API로 가져와 표시.온도, 날씨 상태, 아이콘 등을 UI에 표시.간단한 버튼으로 데이터를 새로고침.최종 결과앱 실행 시 기본 위치의 날씨 정보를 표시.버튼 클릭으로 최신 데이터 가져오기...
2025.01.11 -
Flutter로 간단한 이미지 뷰어 앱 만들기: 로컬 및 네트워크 이미지 로드
안녕하세요! 이번에는 Flutter에서 이미지 뷰어 앱을 만들어보겠습니다. 이미지를 로컬 파일에서 가져오거나 네트워크에서 로드하는 방법을 배워보며, 간단한 이미지 확대/축소 기능까지 추가해볼 거예요. Flutter의 Image 위젯과 InteractiveViewer를 활용해 앱을 구현해 보겠습니다. 목차이미지 뷰어 앱 개요Flutter에서 로컬 및 네트워크 이미지 로드이미지 확대/축소 기능 추가Flutter 초보자의 시행착오다음 단계: 고급 이미지 뷰어 앱 만들기 1. 이미지 뷰어 앱 개요목표 기능로컬 이미지와 네트워크 이미지를 앱에 표시.이미지를 확대/축소하거나 드래그할 수 있는 인터페이스 제공.최종 결과앱 화면에 하나의 로컬 이미지와 하나의 네트워크 이미지를 표시.이미지 클릭 시 확대/축소 가능...
2025.01.10 -
Flutter로 간단한 메모 앱 만들기: 로컬 데이터 저장까지!
안녕하세요! 이번에는 Flutter로 메모 앱을 만들어볼 거예요. 메모 앱은 텍스트를 입력하고 저장하며, 수정 및 삭제할 수 있는 간단한 구조로 되어 있어 초보자도 쉽게 따라할 수 있습니다. 이번 프로젝트에서는 ListView, TextEditingController, 그리고 로컬 데이터 저장을 활용해 앱의 기본 기능을 구현합니다. 목차메모 앱 개요Flutter에서 메모 추가 기능 구현하기로컬 데이터 저장: SharedPreferences 활용Flutter 초보자의 시행착오다음 단계: 더 발전된 메모 앱 만들기 1. 메모 앱 개요목표 기능사용자가 메모를 작성하고 저장할 수 있다.저장된 메모를 리스트로 표시한다.메모를 수정 및 삭제할 수 있다.앱을 종료해도 메모가 유지된다. 2. Flutter에서 메모..
2025.01.08 -
Flutter로 첫 입력 필드 만들기: 초보 개발자의 도전기
안녕하세요! 스테디빌더입니다. 😁 지난번에는 Flutter 위젯과 상태 관리를 알아봤는데요, 이번에는 사용자 입력 필드를 만들어보고, 그 입력 값을 처리하는 간단한 앱을 만들어보려 합니다. 처음에는 조금 막막했지만, 하나씩 따라 하다 보니 생각보다 재미있었어요.목차Flutter에서 입력 필드란?TextField와 상태 관리간단한 할 일 추가 앱 만들기Flutter 초보자의 시행착오다음 단계: 데이터를 저장하는 앱으로 발전하기1. Flutter에서 입력 필드란?입력 필드는 사용자가 텍스트를 입력할 수 있는 UI 요소예요. Flutter에서는 TextField라는 위젯으로 입력 필드를 만들 수 있어요. 처음 TextField를 사용했을 때는 "이게 작동하려면 뭘 해야 하지?"라는 생각이 들었는데, 상태 관..
2025.01.03