w3
-
widgetw3 2022. 9. 12. 07:32
widget 1 UI (화면에 보이는 모습)를 구성하는 요소 = 화면에서 보이는 것들, 화면을 보여지게 하는 것은 모두 위젯 In Flutter, almost everything is a widget :) 프로필 사진 (이미지 위젯) + 이름 (텍스트 위젯) + 프로젝트 목록 (리스트 위젯) 2 위젯의 주요 기능은 화면을 그리는 것(build( ) 함수 구현) 하는 것 대상(텍스트, 이미지, 리스트 등) 모양(네모, 동그라미, 크기 등) 색 위치 ( row 가로로 배치, column 세로로 배치, align 등) 상태( eg, unchecked or checked ✅ ) .. 레고 블럭처럼 위젯을 조합하여 화면을 만든다. 3 눈에 보이는 요소(visible widget)와 직접접으로 보이지는 않지만 보이..
-
개발(환경) 준비w3 2022. 9. 12. 07:18
Flutter 로 개발하기 위해서는 Flutter SDK 와 코드편집기 (editor) 가 필요 작성한 코드가 구현되는 것을 확인하기 위해서 에뮬레이터를 사용 - Flutter SDK : Android와 iOS 앱을 하나의 코드로 구현할 수 있도록 도와주는 프레임워크 - 편집기 or IDE (편집기가 포함된 개발 툴 모음) eg. VSCode : 코드를 작성할 때 사용하는 에디터 cf) Android Studio 에서도 코드 작성 가능 - Android 에뮬레이터 : Android Studio - iOS 에뮬레이터 : Xcode 설치방법은 https://www.notion.so/0-2aa4be4c5fda4b448a2adb15a527f71f * 설치시 각 환경에 따라 프로그램 버전 차이 등으로 문제가 발생..
-
pubspec.yaml & Packagesw3 2022. 9. 11. 07:44
Pubspec.yaml 이란? 플러터 프로젝트에서 사용하는 모든 메타데이터 (패키지, 프로젝트 버전, 자원 등)의 종속성을 명시하고, 관리하는 파일입니다. 💡 The pubspec.yaml file manages the assets and dependencies for a Flutter app https://docs.flutter.dev/get-started/codelab 외부 패키지 사용 1 터미널에 flutter pug add 패키지이름 를 입력하고 실행(enter) 하면 패키지가 설치되고, pubspec.yaml 파일의 dependencies 부분에 관련 정보가 등록 됩니다. 2 패키지 추가 후 pub get 을 실행하면 flutter가 pubspec.lock 에 버전정보를 저장 합니다. 버전정보 ..
-
SDKw3 2022. 9. 11. 07:25
Software Development Kit kit : a set of things, such as tools or clothes, used for a particular purpose or activity (출처: https://dictionary.cambridge.org/) 특정 목적이나 활동을 위해 필요한 도구, 재료 등을 모아놓은 것 스파게티를 만들기 위한 재료(면, 소스), 도구, 만드는 방법 등을 모아놓은 것 키트 내의 재료와 도구를 가지고 만드는 방법을 참고해서 스파게티를 만들 수 있음 스파게티를 만들고 싶다면, 빠르고 편하게 스파게티를 만들 수 있는 방법은 키트를 get 하는 것 ㄴ레서피를 찾고, 필요한 재료를 일일이 구매하는 수고를 덜수 있음 eg. 스파게티 키트 => SDK 는 SD(소..