객체 동등성 비교 void main() { // 객체 비교와 객체 동등성 재정의 // Dart 에서는 기본적으로 객체를 비교할 때 주소값으로 비교 처리 // 플러터에서 동일한 위젯을 재사용할 수 있다면 이미 만들어진 객체를 // 재사용하여 메모리 낭비를 줄일 수 있다. // const Container(), const Container(), var a = Object(); var b = Object(); // identical(a, b) 함수는 객체가 동일한 메모리를 참조하는 판별하는 기능 입니다. bool result = identical(a, b); print(result); // Book , BooK --> 타이틀, 작가 이름이 같다면 동일한 객체로 즉, 논리적 객체로 // ..
Flutter
GestureDetector 위젯 더보기GestureDetector는 사용자가 화면에서 수행하는 다양한 터치 이벤트를 감지하고 처리하는 기본적인 Flutter 위젯입니다.GestureDetector 자체는 화면에 표시되지 않으며, child에 지정된 위젯에 사용자 이벤트가 발생할 때 이벤트를 처리할 수 있습니다.이 위젯은 다양한 사용자 이벤트에 대한 콜백 함수들로 구성되어 있어, 각 이벤트에 맞는 동작을 정의할 수 있습니다.주요 GestureDetector 콜백 함수onTap: 사용자가 화면을 가볍게 탭할 때 호출됩니다. (예: 버튼 클릭 효과)onDoubleTap: 사용자가 화면을 빠르게 두 번 탭할 때 호출됩니다. (예: 이미지 확대)onLongPress: 사용자가 화면을 오래 누르고 있을 때 호출됩..
Form 위젯 더보기TextField는 단순히 하나의 텍스트 입력을 다루는데 반해서, Form은 그 자체로 입력 필드를 가지고 있지 않지만, FormField 위젯들을 그룹화하여 관리하며, 복잡한 유효성 검사와 보다 쉽게 할 수 있는 위젯다른 위젯과 달리 Form 위젯은 자체적인 화면을 제공하지는 않으며, 사용자가 입력한 데이터의 유효성 검증, 데이터 관리 관련 기능을 제공함Form 위젯 내에서 TextFormField 위젯을 사용하여 각 데이터 입력을 받는 것이 일반적임Form 위젯 작성 방법은 다음과 같음Form 위젯을 위한 GlobalKey를 만들어야 함. GlobalKey는 FormState 전체에 액세스하는 데 사용되며, 이 객체는 폼 데이터의 유효성을 검사하고 저장하는 데 사용됨final _f..
Flutter 앱 개발에서 자주 사용되는 asset과 로컬 폰트 설정 방법 더보기asset이란?asset은 앱 구성에 필요한 리소스 파일들을 의미합니다. 예로 아이콘, 이미지, JSON 파일, 폰트 파일 등이 있습니다.이러한 리소스는 앱 빌드 시 내부에 포함되어야 하며, 이를 위해 pubspec.yaml 파일에 등록이 필요합니다.Text 위젯에서 로컬 폰트(fontFamily) 설정하기Flutter에서 Text 위젯의 fontFamily를 로컬 폰트로 설정하려면, asset으로 폰트를 등록한 후 사용해야 합니다. 폰트 다운로드 Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfon..
"Everything is a Widget" — Flutter의 핵심 철학Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현합니다. 이는 개발의 일관성과 효율성을 크게 높여줍니다.Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현합니다. 이는 개발의 일관성과 효율성을 크게 높여줍니다.선언적 UI 구성Flutter는 React에서 영감을 받은 선언적 프로그래밍 방식을 채택했습니다. 개발자는 원하는 UI 상태를 직접 선언하며, 프레임워크가 이를 효율적으로 렌더링합니다. 명령형 UI 💡어떠한 상태가 되도록 명령한다.ViewA a = ViewA();ViewB b = ViewB();a.setColor(red) // 빨간색이 되어라b.setColor(..
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 -> ..
1) Android Studio 설치더보기1) Android Studio 설치1. 링크 에 접속한 뒤, Download Android Studio를 클릭해주세요. 2. 팝업 창이 뜨면, 쭉 읽어보시고, 바닥까지 스크롤을 내려주세요. 3. 약관에 동의하도록 체크하신 뒤, 다운로드 버튼을 눌러주세요. 4. 내 문서에 다운로드를 진행해주세요. 5. 다운로드가 완료되면, android-studio를 클릭해서 실행해주세요. 6. 아래 이미지들을 모두 Next 버튼을 눌러 설치를 진행해 주세요. 7. Install 버튼을 눌러 주세요. 8. Next 버튼을 눌러주세요. 9. 설치가 완료되었고, Finish 버튼을 눌러 Android Studio를 실행해 주세요. 10. 아래와 같은 창이 뜨면 OK를 눌러주세요. ..
💡 Visual Studio Code (줄여서 VSCode) 앞으로 실제 코드를 작성할 편집 툴입니다.Flutter 개발은 Android Studio와 VSCode 둘 중 원하는 툴을 사용하여 개발할 수 있는데 VSCode가 더 가볍기 때문에 앞으로 수업은 VSCode에서 진행하도록 하겠습니다.VSCode를 설치하신 뒤, Extension까지 설치해 주세요 👍Extension 설치해보기 Flutter : VSCode에서 Flutter 개발 환경 지원 Dart : Flutter 개발 시 사용되는 Dart 개발 환경 지원 Awesome Flutter Snippets : Flutter 개발 시 자주 쓰이는 코드 자동 완성 지원 좌측에 extension 아이콘(동그라미)을 선택해 주세요. 1) Visual ..
💡 Visual Studio Code (줄여서 VSCode) 앞으로 실제 코드를 작성할 편집 툴입니다. Flutter 개발은 Android Studio와 VSCode 둘 중 원하는 툴을 사용하여 개발할 수 있는데 VSCode가 더 가볍기 때문에 앞으로 수업은 VSCode에서 진행하도록 하겠습니다. 1) VSCode 설치더보기1. 링크 에 접속해 주세요. 2. Mac 하단에 버튼을 클릭해 주세요. 3. 다운로드 폴더에 저장해 주세요. 4. 바탕화면에 다운로드 폴더를 클릭한 뒤 Finder에서 열기 버튼을 클릭해 주세요. 5. 다운받은 VSCode-darwin-universal.zip 파일을 실행해 압축을 풀어주세요. 6. 압축이 풀리고 생성된 Visual Studio Code 파일을 드래그해서 왼쪽 응용..
1) Android Studio 설치더보기1. 링크를 클릭해서 접속해주세요.2. 아래와 같이 화면이 나오면 Download Android Studio 버튼을 눌러 주세요. 3. 약관이 뜨면 아래로 쭉 스크롤 해주세요. 4. Intel 칩을 사용하는 맥북은 왼쪽 Mac with Intel chip을 Apple 칩을 사용하는 맥북은 오른쪽 Mac with Apple chip을 선택해 주세요.💡 좌측 상단 Apple 로고 클릭 → 이 Mac에 관하여를 클릭하여 Intel 칩인지 Apple 칩인지 확인할 수 있습니다.Intel chipAppl chip5. 다운로드 팝업이 뜨면 저장 버튼을 눌러주세요. 6. 바탕화면 하단에 휴지통 좌측에 있는 다운로드 폴더를 클릭한 뒤 Finder에서 열기 버튼을 클릭해 주세요..
