IT_공부하자

1. 안드로이드 style 관련 위젯 UI - 안드로이드 스타일 UI 에 대한 sample 코드 https://docs.flutter.dev/ui/widgets/material Material Components widgets A catalog of Flutter's widgets implementing the Material design guidelines. docs.flutter.dev 2. ios style 관련 위젯 UI - ios 스타일 UI 에 대한 sample 코드 https://docs.flutter.dev/ui/widgets/cupertino Cupertino (iOS-style) widgets A catalog of Flutter's widgets implementing the Cupe..

1. asset - 로컬 이미지 표시 - flutter 프로젝트 안에 assets 폴더를 만들고 그안에 image 폴더를 만든 후 넣고 싶은 이미지 파일을 추가한다. - pubspec.yaml 파일 안에 들어가서 주석 처리된 asset 관련 설정을 다음과 같이 변경한다. * 경로는 넣고 싶은 이미지 파일을 프로젝트 탐색기에서 우클릭하면 상대경로 복사하기 버튼을 누르면 된다. - image 파일 넣기는 Image.asset('이미지 파일 경로') 를 넣으면 된다. *윈도우의 경우 상대경로를 붙여넣으면 \ 한개로 경로표시가 되는데 이것을 \\ 두개로 변경해준다. - pubspec.yaml 파일에 asset 부분을 파일로 지정하지 않고 폴더로 지정할 수 도 있다. ( 폴더 내 모든 파일 적용 ) -만약 이미지..

1. ElevatedButton - 단순 버튼을 만들 수 있고 onPressed 로 버튼을 누를 시 동작을 선택 할 수 있다. 2. OutlinedButteon - 버튼의 경계선만 나타나는 버튼을 만들 수 있고 onPressed 로 버튼을 누를 시 동작을 선택 할 수 있다. 3. TestButton - 단순 텍스트 만으로 버튼 처리를 할 수 있다. 4. GestureDetector - 다른 입력사항에 대하여 동작할 수 있도록 기능을 지원한다.

1. Align - 위젯의 위치를 설정할 때, 기본적으로 align 을 통해서 상, 하, 좌, 우 중간으로 위젯을 배치 할 수 있다. 2. Spacer - 공간 사이에 빈칸을 넣고 싶으면 Spacer 로 빈 공간을 만들 수 있다. 3. Expanded - 위젯이 배치되어 있는 상황에서 남는 공간을 사용하고 싶은 경우에 사용한다.

1. 컨테이너(단일 박스) 위젯이란? - html의 div 와 유사 - 레이아웃을 위해 단위로 구역을 나누기 위함 2. Container 생성방법 - 필요한 부분에서 Container()를 입력하면 된다. - 괄호 안에는 color, width, height 등 컨테이너에 관련된 여러 가지의 옵션을 넣을 수 있다. 3. SizedBox - container 안에서 box 가 필요할 때 사용한다. - 사용법은 다음과 같다. 4. Column - 컨테이너를 2개 이상 넣고 싶을 때는 column 을 사용하고, children 을 사용하여 container를 넣으면 된다. - 실제 사용법은 아래와 같다. - 세로로 배치되는것 말고 가로로 배치되는 것을 원하면 Column 대신 Wrap 또는 Row 를 사용하면..