공부방/Flutter33 [Flutter] Flutter을 설치하지 않고 실행하기 가령 내 개인컴퓨터가 아닐경우 멋대로 Flutter를 설치할 수 없지만 내 컴퓨터가 없지만 Flutter의 기능을 테스트해보고 실행해보고 싶을 경우에 사용하는 방법 1. 아래 사이트에 접속 DartPad dartpad.dev 2. 접속된 화면에서 Samples를 클릭 3. 많은 종류의 샘플이 있는데 이중에 아무거나 클릭하면 4. 해당되는 소스가 화면에 표시되고 오른쪽에 실행결과까지 표시가 된다. 5. 샘플소스를 마음껏 변형해보면서 Flutter를 테스트가 가능하다. 굿! 2024. 1. 2. [Flutter] 셋팅하기 Android Studio에 Flutter 설치 및 셋팅하기 1) Android studio를 실행하면 첫화면에서 Plugins를 클릭 2) Flutter을 검색한 후 Install 3) Install 후 android studio를 재시작하면 첫화면이 변경되어있다.(New Flutter Project가 생김) 4) New Flutter Project 를 클릭해서 나오는 New Project창에서 Flutter을 선택하면 처음에는 Flutter SDK path가 공란으로 되어있는데 "..."버튼을 클릭하여 flutter sdk 경로를 넣는다. ※ flutter SDK가 컴퓨터에 없을 경우 A. 아래 링크로 이동 후 Choose your first type of app Configure your syste.. 2023. 12. 31. [Android Studio] 설치 1. Android Studio 다운로드 받는곳 https://developer.android.com/?hl=ko Android 모바일 앱 개발자 도구 - Android 개발자 | Android Developers Android 앱 개발자를 위한 공식 사이트입니다. Android SDK 도구 및 API 문서를 제공합니다. developer.android.com 2. 메인페이지에 다운로드 버튼 클릭 3. 다운로드 설치파일 다운로드 4. 약관동의하고 다운로드 시작 5. 다운로드된 파일 확인 다운로드 된 파일로 안드로이드 스튜디오 설치시작(용량이 크다.) 6. 이제 finish가 나올때까지 Next만 누르면 끝! ※ 혹시 설치 경로 변경하고 싶으면 여기서 경로변경을 진행한다. 7. 안드로이드 스튜디오 설치완료.. 2023. 12. 28. Flutter의 buildContext 1. buildContext란? Flutter에서 BuildContext는 UI 트리에서 위젯의 위치와 상태를 식별하는 데 사용되는 중요한 개념이다. BuildContext는 다양한 Flutter 위젯 및 함수 내에서 사용되며, 위젯 트리를 탐색하고 위젯 간에 정보를 공유하는 데 도움을 준다. BuildContext는 주로 다음 두 가지 목적으로 사용된다. 2. 위젯 트리 탐색 1) BuildContext는 현재 위젯의 위치를 나타내며, 위젯 트리에서 부모 위젯과 자식 위젯에 대한 참조를 얻는 데 사용된다. 2) BuildContext를 사용하여 위젯 트리에서 위로 올라가거나 아래로 이동하여 특정 위젯을 찾을 수 있다. 예를 들어, BuildContext를 사용하여 위젯 트리에서 가장 가까운 Scaffo.. 2023. 9. 25. Flutter의 leading leading이란? Flutter에서 leading 속성은 주로 AppBar와 같은 상단 앱 바에서 사용된다. leading은 앱 바의 왼쪽에 배치되는 위젯을 정의하는 데 사용된다. 이 위젯은 주로 뒤로 가기 버튼(뒤로 가기 화살표)이나 메뉴 버튼과 같은 앱의 주요 작업을 나타낸다. ○ leading 속성은 AppBar 위젯 내부에서 설정되며 다양한 위젯을 포함할 수 있다. 가장 일반적인 leading 위젯은 IconButton이며, 이를 사용하여 뒤로 가기 버튼이나 메뉴 아이콘을 표시할 수 있다. 예를 들어, 다음과 같이 leading을 사용하여 뒤로 가기 버튼을 추가할 수 있다. 예제) AppBar( leading: IconButton( icon: Icon(Icons.arrow_back), onPre.. 2023. 9. 17. Flutter의 Text위젯 1. Flutter의 Text위젯이란? Flutter의 Text 위젯은 앱 내에서 텍스트를 표시하기 위해 사용되는 기본 위젯 중 하나로, 단일 스타일의 텍스트를 표시하는 데 사용된다. 이 위젯을 사용하면 앱에서 텍스트를 렌더링하고 텍스트 스타일을 사용자 지정하여 텍스트를 포맷하고 꾸밀 수 있다. 2. 사용법 Text('안녕하세요, Flutter!') 텍스트 표시 : Text 위젯은 텍스트를 화면에 표시하는 데 사용. 텍스트는 Text 위젯의 data 속성에 문자열로 제공. Text( '스타일 적용된 텍스트', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: Colors.blue, ), ) 스타일 지정 : Text 위젯을 사용하여 텍.. 2023. 9. 14. 이전 1 2 3 4 5 6 다음
