Flutter (27) 썸네일형 리스트형 TextField - 사용자로 부터 정보를 입력 받는 양식 TextField 사용자가 키보드를 이용하여 텍스트를 입력할 수 있도록 해준다; standard, filled, outlined 3가지 형태가 있다. filled 형태는 배경색이 들어가 있고, outlined 형태는 테두리가 있습니다. 기본 형태인 standard는 배경색과 테두리 없이 밑줄만 표시됩니다 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/src/foundation/key.dart'; import 'package:flutter/src/widgets/framework.dart'; class SearchTextField extends StatelessWidg.. 깊은 복사, 얕은 복사 위의 코드는 얕은 복사이고 아래의 코드는 깊은 복사이다. 얕은 복사인 경우 test1에 list1을 복사를 하지만 메모리 주소를 공유합니다. 쉽게 생각하면 얕은 복사 = 공유를 생각하시면 된다. 그래서 밑에 test1의 첫번째 값인 10을 100으로 변경하고 원본인 list1을 찍으면 바뀐 값이 나오는 것을 확인할 수 있다. 깊은 복사는 값 전체를 가지고 와서 나는 나고, 너는 너다라고 새각을 하면 됩니다. 때문에 메모리 상의 주소도 완전히 달라진다. 마찬가지로 얕은 복사처럼 원본(list2) 값을 test2 변수에 복사하고 test2의 첫 번째 값을 100으로 변경했는데 원본을 찍었더니 원본 그대로 나온다. void main() { List list1 = [10, 20, 30, 40]; List tes.. 레시피 앱 만들기 레시피 앱 뼈대 구성하기 폰트랑 이미지는 아래링크에서 가져온다. https://github.com/flutter-coder/flutter-ui-book1/tree/master/flutter_recipe/assets pubspec.yaml에서 이미지 파일과 폰트 파일 인식을 위한 자원 폴더 위치 설정 Pub get 버튼을 클릭하여 적용시킨다. 기본코드 작성 1. 레시피 앱 타이틀 기본 코딩하기. stl이라고 적으면 자동 완성이 됩니다. 2. 레시피 앱 메뉴 모음 기본 코딩하기. 3. 레시피 앱 리스트 아이템 기본 코딩하기. 4. 레시피 앱 페이지 기본 코딩하기 5. 레피시 앱 main.dart 파일 기본 코딩하기. 위코드를 다 작성하면 아래와 같은 기본 화면이 나오게 된다. Icon 위젯 Icon 위젯은 .. 다트 람다식, 화살표 함수라고 한다. 단점은 한줄밖에 못적는다. 아래코드처럼 여러개의 출력문을 적지못한다. 위에코드의 중괄호와 return을 화살표로 변화시킨 것이다. store_app 첫 프로젝트 다시시작 Delete + f2 연속으로 눌러줘서 cpu - hxm? 을 찾아 enable로 바꾸고 저장해준다. 그리고 나서 안드로이드 스튜디오 디바이스 출력 왼쪽 상단에 휴대폰같이 생긴 이모티콘을 눌러준다. D파일 workspace파일에 flutter_lab파일을 새로 만들어준다. project name : store_app Project location : flutter_lab안에 파일 명을 적어준다. \store_app 맨밑에 android language, iOS language 무엇을 선택하든지 지금은 상관없다. store_app/assets 폴더를 생성한다. 아래 링크로 들어가 4장 폴더에 있는 bag.jpeg, cloth.jpeg를 다운받습니다. https://github.com/flutter.. flutter 설치 flutter 설치 fluuter.dev를 입력해서 Flutter공식 홈페이지로 이동합니다. Get started를 눌러줍니다. 원하는 운영체제를 선택해줍니다. Window, macOS flutter_windows_버전-stable.zip을 눌러 flutter를 다운해줍니다. 저는 flutter SDK 압축파일을 tools에 풀어줬습니다. flutter 폴더 내부가 아래와 같이 구성되어 있으면 성공한겁니다. flutter 환경변수 설정 윈도우 바탕화면에 시스템 환경 변수 편집이라고 입력해서 눌러줍니다. 환경변수를 눌러줍니다. 시스템 변수에 Path를 선택해서 편집 버튼을 눌러줍니다. flutter를 다운받았던 파일을 찾아 그안에 있는 bin파일까지의 경로를 복사하여 넣어줍니다. 안드로이드 스튜디오 설치 .. 라이브러리 라이브러리 main메소드가 있으면 실행파일 main 메소드가 없으면 라이브러리 dart -2 연속적인 데이터는 리스트로 만든다. 연속적이지 않는 데이터는 매핑?으로 만든다. 이전 1 2 3 4 다음
