2024/11 64

[Flutter] Flutter 프로젝트 구조 이해하기

Flutter 프로젝트를 효과적으로 개발하기 위해서는 기본 구조를 이해하는 것이 중요합니다. 다음은 주요 구성 요소들입니다 프로젝트 폴더 구조플랫폼별 폴더 (android, ios, linux, macos, web, windows): 각 플랫폼에 필요한 네이티브 코드 포함lib 폴더: 주요 Dart 코드가 위치하는 곳pubspec.yaml: 프로젝트 설정, 의존성, 리소스 등을 관리하는 파일시작점 (Entry Point)lib/main.dart 파일의 main() 함수가 앱의 시작점새 프로젝트 시작 시 기본 예제 코드는 삭제하고 시작하는 것이 일반적  패키지와 임포트패키지: Flutter와 커뮤니티에서(다른 개발자들) 제공하는 재사용 가능한 코드 모듈import 문으로 필요한 패키지와 위젯을 프로젝트에 ..

Flutter 2024.11.05

[Flutter] 나만의 Flutter 위젯 분류

위젯들을 이해하고 활용하는 것이 Flutter 개발의 핵심입니다. 위젯의 종류Flutter는 풍부한 UI 위젯을 제공합니다. 자세한 내용은 공식 문서에서 확인할 수 있습니다.위젯들을 이해하기 쉽게 직접 나누어 봅시다(공식적인 분류는 아직 존재하지 않는 것 같음)1. 플랫폼별 위젯Material (Android) 위젯Google의 Material Design 가이드라인을 따르는 위젯들입니다.Cupertino (iOS) 위젯Apple의 Human Interface Guidelines를 기반으로 한 iOS 스타일 위젯들입니다.대부분의 경우 Material 위젯을 사용하지만, 플랫폼별 특성을 살리고 싶다면 각각의 위젯을 적절히 활용할 수 있습니다.2. 기본 위젯 (Basic Widgets)Text: 다양한 스타..

Flutter 2024.11.05

[Flutter] 플러터 기본기 다지기 - 1

"Everything is a Widget" — Flutter의 핵심 철학Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현합니다. 이는 개발의 일관성과 효율성을 크게 높여줍니다.  선언적 UI 구성Flutter는 React에서 영감을 받은 선언적 프로그래밍 방식을 채택했습니다. 개발자는 원하는 UI 상태를 직접 선언하며, 프레임워크가 이를 효율적으로 렌더링합니다.  명령형 UI 어떠한 상태가 되도록 명령한다.ViewA a = ViewA(); ViewB b = ViewB();a.setColor(red) // 빨간색이 되어라b.setColor(yello) // 노란색이 되어라a.add(b) // b는 a의 child가 되어라  선언형 UI 어떠한 최종 상태를 선언한다// 빨간색..

Flutter 2024.11.05

[Flutter] Flutter UI 프레임워크

chat gpt 프롬프트 시작 문구💡 Since now, you act as th best IT lecturer for beginners having no idea about flutter and programming. Plz add detail comments to the following code line by line. 위젯 속성 값 확인 프롬프트 문구💡 plz explain properties and to use of [ → IconButton ←] in Flutter. 영어 결과 출력 후 한글 변환 요청💡 plz translate the avobe answer in korean. 안드로이드 스튜디오 맞춤법 지적 끄기1. 왼쪽 위 상단에 File -> 2. Settings -> 3. Edit..

Flutter 2024.11.05