앱개발 플러터 TextField 스타일주는법 icon 파라미터 대신 prefixIcon:, suffixIcon: 파라미터도 있음. 커서 찍혔을 때, 에러일 때 등 테두리 관련 파라미터 border: focusedBorder: disabledBorder: errorBorder: focusedErrorBorder: OutlineInputBorder() : 상하좌우 테두리 UnderlineInputBorder() : 하단 테두리 InputB... 앱개발플러터flutterflutter 플러터 ThemeData 스타일만 모아서 ThemeData 위젯으로 만든 뒤 theme 파라미터로 추가할 수 있음 스타일 중복이 발생 할 시 물리적으로 가까운 스타일을 먼저 적용하려고 함 ThemeData 길어질 경우 lib 폴더 안에서 다른 dart 파일로 만들어놓고 import 해오면 깔끔하게 관리 가능 import '경로' as 작명 으로 경로파일의 변수, 함수, 클래스 전부 사용 가능 styleFrom은 Bu... 앱개발플러터flutterflutter 플러터 Future, Future Builder, Dio 패키지 서버에 GET, POST 요청할 일이 많으면 http 패키지보단 Dio 패키지 설치해서 쓰는게 좋을수도있음. state 내용이 GET요청으로 늦게 도착하는 경우 FutureBuilder()로 state 사용하는 곳을 감싸주면됨. 입력한 Future 변수가 실제 데이터로 변할 때 내부 함수 1회 실행해주는 함수 데이터 추가되는 경우가 잦으면 오히려 귀찮은 위젯이기 때문에 GET 요청에는 적합하... 앱개발플러터flutterflutter 플러터 Image picker 사용예시 고른 이미지 사이즈, 화질 조정 가능.... 앱개발플러터flutterflutter 플러터 기본 위젯 넣는 법 Material Design 과 Cupertino(아이폰 스타일) 둘중 하나 쓰려면 각각의 테마위젯 불러와서 써야하고 커스텀하겠다 하면 일단 Material을 불러와서 커스텀을 해야함. Material Design 쓰려면 일단 pubspec.yaml 파일에 uses-material-design true로 켜져 있어야함. 기본 설정 되있는듯 Scaffold 위젯은 appBar, body, bo... 앱개발플러터flutterflutter 플러터 Typography 와 Layout 만드는법 Text() 위젯안엔 style 파라미터 넣을 수 있음 background, fontsize, fontweight 등등 css 할 때 선언해주는 그런 비슷한것들 다 쓸 수 있음. 1) 미리 정해진 색상표에서 선택 2) RGB코드랑 투명도까지 넣는법 3) hex칼라로 고르는 방법 0xff 필수로 붙여야함 생긴것만 다르고 이중에 골라쓰면 됨. onPressed는 필수 요소 클릭 시 동작을 정의하... 앱개발플러터flutterflutter 플러터 Expanded, Flexible Row 안에서 박스를 여러개 배치할때 %로 영역을 나누고 싶을 때 flex는 이 박스가 가로폭을 얼마나 차지할 지 나타내는 배수 Column 안에서도 마찬가지로 사용가능 하나의 박스만 가로폭을 꽉 채우고 싶을 때 사용... 앱개발플러터flutterflutter 플러터 커스텀 위젯, ListView 작명할 부분의 함수명은 영어대문자로 시작해야함 return 오른쪽에 축약할 위젯부분을 넣으면 됨. 커스텀 위젯은 만들어놓으면 아무데나 사용가능하다. 커스텀 위젯 안에서 커스텀 위젯 사용가능하다 아무거나 다 커스텀 위젯화 하면 안되고 재사용이 잦은것, 큰 페이지들을 커스텀 위젯화 무한스크롤 가능 데이터만 있으면 자동으로 반복문 돌려줌 지나간 목록은 삭제해서 메모리 아낄 수 있음.... 앱개발플러터flutterflutter 플러터 ListView.Builder, ListTile, 버튼 왼쪽에 그림있고 오른쪽에 글 있는 레이아웃 있을 때 사용하면 편함. 리스트를 동적으로 반복해서 생성하고 싶을 때 사용 하단에 공중에 뜬 버튼이 생성이 됨. 버튼 눌렀을 때의 동작은 onPressed에다 작업... 앱개발플러터flutterflutter 플러터 Dialog창 , context 원래 실행하던 소스로 실행할 시 MaterialApp 이 없어서 안된단 오류가 나며 Material App 밖으로 빼준뒤 실행하면 된다 이거는 context 관련한 내용인데 그냥 강의 한번 더 들ㅇ면 이해됨 족보같은거라고 보면됨.그치만 부모들의 족보만 있음. ShowDialog 처음에 적었을 때 안됐던것은 그때 당시의 파라미터인 context의 족보정보에 MaterialApp이 없어서 그런것... 앱개발플러터flutterflutter 플러터 부모 자식 widget간 state 공유 보내기 DialogUI( state : a ) 작명 : 변수명으로 파라미터에 추가 자식은 state 이름을 등록 this.작명한 이름, final 작명한 이름 2개 추가 DialogUI 변수 선언부분의 {} 는 {}안의 파라미터는 선택적인 파라미터라는 뜻 사용 자식 -> 부모로 전송은 안됨, 관련없는 widget끼리의 전송도 불가 state는 최대한 위에 보관하는게 좋다... 앱개발플러터flutterflutter 플러터 유저에게 앱 권한 요청하기 permission_handler - pubspec.ymal 파일에 버전기록 android 폴더 gradle.properties 파일 내 아래 내용 확인 android/app/build.gradle 파일 중간에 compileSdkVersion 확인 31로 맞추거나, 숫자말고 이상한 문자 채워져있으면 일단 냅둘것 android/app/src/main/AndroidManifest.xml 파일에 ... 앱개발플러터flutterflutter 플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기 UI의 현재 상태를 저장할 state를 생성 state를 만들때는 StatefulWidget으로 변경해야함. 그 State에 따라 UI 가 어떻게 보일 지 코드 만들어두고 유저가 state를 조작할 수 있는 기능 개발(클릭한다거나) http 라는 패키지 설치가 필요함. pubspec.yaml 파일 내 아래 내용 추가 후 pub get main.dart 맨 위 import 추가 android/... 앱개발플러터flutterflutter 플러터 스크롤위치 파악하는법, 더보기요청 문자 ${변수명} 문자 StatefulWidget은 class가 2개, 부모가 보낸 state를 사용하는 경우 첫번째 클래스에서 등록해주고 사용은 두번째 클래스에서 사용 사용할때는 widget.변수명과 같이 앞에 widget.이 붙어야함. ScrollController를 저장할 변수를 만들고 그 변수를 ListView.builder 위젯에 controller 파라미터로 추가하면 scroll ... 앱개발플러터flutterflutter 플러터 상세페이지 만들기 Navigator 앱개발플러터flutterflutter 플러터 shared preferences 데이터 저장 & 출력 & 삭제 String, bool, int, double, stringList 가능 map 형식 자료는 jsonEncode 해서 string 으로 저장 이미지는 저장 못함,. 이미지 저장하려면 cached_network_image 같은 패키지 사용하면됨.... 앱개발플러터flutterflutter 플러터 GestureDetector 텍스트나 이미지 등의 위젯을 이 위젯으로 감싸면 해당 위젯을 어떻게 만지는지 다 감지해서 동작 추가해 줄 수 있음 onTap ( 한번클릭 ) onDoubleTap( 더블탭 ) onLongPress ( 길게 누를 때 ) onScaleStart ( 두손가락으로 줌인 시 사용 ) 그 외 등등 엄청 많음 CupertinoPageRoute() import 'package:flutter/cupertin... 앱개발플러터flutterflutter 플러터 Provider 패키지 전송 없이 모든 위젯이 state를 직접 가져다쓸 수 있게 만들어주는 패키지 state 보관하는 store 필요 store 등록 필요 store를 사용할 위젯들을 전부 ChangeNotifierProvider()로 감싸면됨. 모든 위젯에 다 사용할 경우 MaterialApp을 감싸면 끝 create 안에는 Store1를 넣으면 되고 child에 적용할 위젯을 추가 store에 있는 state... 앱개발플러터flutterflutter 플러터 GridView, CustomScrollView ListView나 GridView 사용시 자동으로 스크롤이 생성되지만 다른요소와 합쳐 사용하는 경우에는 해당 위젯을 쓴 영역만 스크롤이 됨. 여러 요소를 합쳐서 크게 스크롤바를 만들고 싶을 때 사용하는 위젯 대충 Column이랑 똑같은 용도지만 스크롤바 생기고 문법도 약간은 다름 스크롤 영역안에 ListView : SliverList() 스크롤 영연안에 GridView : SliverGrid... 앱개발플러터flutterflutter 플러터 Firestore 사용 firebase 에서 사용가능한 2개 DB 중 하나 realtime database, firestore 이렇게 2개 있음. NoSQL DB, SQL 문법없이 사용하는 DB 폴더( collection )를 하나 만들고 그 안에 문서( document )를 넣는식으로 자료 저장 document 안에는 Map 자료형으로 자료 저장 문서 하나 당 최대 2MB 문자 자료만 저장 가능 - ex. { n... 앱개발플러터flutterflutter 앱개발 2주차 cmd와 홈페이지에서 expo와 npm, yarn설치하기 VS에서 터미널창에 명령어 입력해서 expo프로젝트 만들고 expo실행하기 expo가 앱개발 디폴트를 만들어주면, 거기서부터 어떤 식으로 앱화면을 만들어가는 건지 박스 만들고 내부 컨텐츠 가운데 정렬할 때 : alignItems:"center" justifyContent:"center" JSON데이타 불러 온 후 .map(content... 스파르타 코딩클럽앱개발스파르타 코딩클럽 모르면 손해보는, 앱 개발 외주를 맡길 때 꼭 참고해야할 체크리스트 (아이디어 구체화 편) 많은 분들이 성공적인 비즈니스를 꿈꾸며 나만의 아이템을 구현하기 위한 방법으로 앱 개발 외주를 고민하고 계십니다.기업 내부의 인원으로 대부분의 전문 업무를 할 수 있다면 좋겠지만, 보통은 실력있는 개발자와 디자이너, 기획자를 내부에 모두 갖추고 계신 경우는 드뭅니다. 그래서 이번 시간에는 앱 개발 외주를 맡길 때 꼭 참고해야할 체크리스트에 대해 띵션 스튜디오에서 아주 자세히 알려드리고자합니다... 외주체크리스트앱개발외주앱제작앱개발앱제작업체앱개발 대학 LMS강의 스케쥴앱 만들어보기(과목 선택 페이지) 앱 구성은 페이지 상단에 학생 이미지를 넣고 스크롤를 통해 과목을 선택할 수 있게 구성하였습니다. <실제 구현> 아직 백이 준비가 안됐기 때문에 이미지와 제목은 공백으로 남겨 두었습니다. 앱의 대표 컬러는 민트와 화이트레드이기때문에 투톤에 맞는 디자인을 짜보았습니다. <구현 코드입니다.(flutter)>... LMS대학스케쥴앱앱개발앱프론트엔드개발flutterdartLMS
플러터 TextField 스타일주는법 icon 파라미터 대신 prefixIcon:, suffixIcon: 파라미터도 있음. 커서 찍혔을 때, 에러일 때 등 테두리 관련 파라미터 border: focusedBorder: disabledBorder: errorBorder: focusedErrorBorder: OutlineInputBorder() : 상하좌우 테두리 UnderlineInputBorder() : 하단 테두리 InputB... 앱개발플러터flutterflutter 플러터 ThemeData 스타일만 모아서 ThemeData 위젯으로 만든 뒤 theme 파라미터로 추가할 수 있음 스타일 중복이 발생 할 시 물리적으로 가까운 스타일을 먼저 적용하려고 함 ThemeData 길어질 경우 lib 폴더 안에서 다른 dart 파일로 만들어놓고 import 해오면 깔끔하게 관리 가능 import '경로' as 작명 으로 경로파일의 변수, 함수, 클래스 전부 사용 가능 styleFrom은 Bu... 앱개발플러터flutterflutter 플러터 Future, Future Builder, Dio 패키지 서버에 GET, POST 요청할 일이 많으면 http 패키지보단 Dio 패키지 설치해서 쓰는게 좋을수도있음. state 내용이 GET요청으로 늦게 도착하는 경우 FutureBuilder()로 state 사용하는 곳을 감싸주면됨. 입력한 Future 변수가 실제 데이터로 변할 때 내부 함수 1회 실행해주는 함수 데이터 추가되는 경우가 잦으면 오히려 귀찮은 위젯이기 때문에 GET 요청에는 적합하... 앱개발플러터flutterflutter 플러터 Image picker 사용예시 고른 이미지 사이즈, 화질 조정 가능.... 앱개발플러터flutterflutter 플러터 기본 위젯 넣는 법 Material Design 과 Cupertino(아이폰 스타일) 둘중 하나 쓰려면 각각의 테마위젯 불러와서 써야하고 커스텀하겠다 하면 일단 Material을 불러와서 커스텀을 해야함. Material Design 쓰려면 일단 pubspec.yaml 파일에 uses-material-design true로 켜져 있어야함. 기본 설정 되있는듯 Scaffold 위젯은 appBar, body, bo... 앱개발플러터flutterflutter 플러터 Typography 와 Layout 만드는법 Text() 위젯안엔 style 파라미터 넣을 수 있음 background, fontsize, fontweight 등등 css 할 때 선언해주는 그런 비슷한것들 다 쓸 수 있음. 1) 미리 정해진 색상표에서 선택 2) RGB코드랑 투명도까지 넣는법 3) hex칼라로 고르는 방법 0xff 필수로 붙여야함 생긴것만 다르고 이중에 골라쓰면 됨. onPressed는 필수 요소 클릭 시 동작을 정의하... 앱개발플러터flutterflutter 플러터 Expanded, Flexible Row 안에서 박스를 여러개 배치할때 %로 영역을 나누고 싶을 때 flex는 이 박스가 가로폭을 얼마나 차지할 지 나타내는 배수 Column 안에서도 마찬가지로 사용가능 하나의 박스만 가로폭을 꽉 채우고 싶을 때 사용... 앱개발플러터flutterflutter 플러터 커스텀 위젯, ListView 작명할 부분의 함수명은 영어대문자로 시작해야함 return 오른쪽에 축약할 위젯부분을 넣으면 됨. 커스텀 위젯은 만들어놓으면 아무데나 사용가능하다. 커스텀 위젯 안에서 커스텀 위젯 사용가능하다 아무거나 다 커스텀 위젯화 하면 안되고 재사용이 잦은것, 큰 페이지들을 커스텀 위젯화 무한스크롤 가능 데이터만 있으면 자동으로 반복문 돌려줌 지나간 목록은 삭제해서 메모리 아낄 수 있음.... 앱개발플러터flutterflutter 플러터 ListView.Builder, ListTile, 버튼 왼쪽에 그림있고 오른쪽에 글 있는 레이아웃 있을 때 사용하면 편함. 리스트를 동적으로 반복해서 생성하고 싶을 때 사용 하단에 공중에 뜬 버튼이 생성이 됨. 버튼 눌렀을 때의 동작은 onPressed에다 작업... 앱개발플러터flutterflutter 플러터 Dialog창 , context 원래 실행하던 소스로 실행할 시 MaterialApp 이 없어서 안된단 오류가 나며 Material App 밖으로 빼준뒤 실행하면 된다 이거는 context 관련한 내용인데 그냥 강의 한번 더 들ㅇ면 이해됨 족보같은거라고 보면됨.그치만 부모들의 족보만 있음. ShowDialog 처음에 적었을 때 안됐던것은 그때 당시의 파라미터인 context의 족보정보에 MaterialApp이 없어서 그런것... 앱개발플러터flutterflutter 플러터 부모 자식 widget간 state 공유 보내기 DialogUI( state : a ) 작명 : 변수명으로 파라미터에 추가 자식은 state 이름을 등록 this.작명한 이름, final 작명한 이름 2개 추가 DialogUI 변수 선언부분의 {} 는 {}안의 파라미터는 선택적인 파라미터라는 뜻 사용 자식 -> 부모로 전송은 안됨, 관련없는 widget끼리의 전송도 불가 state는 최대한 위에 보관하는게 좋다... 앱개발플러터flutterflutter 플러터 유저에게 앱 권한 요청하기 permission_handler - pubspec.ymal 파일에 버전기록 android 폴더 gradle.properties 파일 내 아래 내용 확인 android/app/build.gradle 파일 중간에 compileSdkVersion 확인 31로 맞추거나, 숫자말고 이상한 문자 채워져있으면 일단 냅둘것 android/app/src/main/AndroidManifest.xml 파일에 ... 앱개발플러터flutterflutter 플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기 UI의 현재 상태를 저장할 state를 생성 state를 만들때는 StatefulWidget으로 변경해야함. 그 State에 따라 UI 가 어떻게 보일 지 코드 만들어두고 유저가 state를 조작할 수 있는 기능 개발(클릭한다거나) http 라는 패키지 설치가 필요함. pubspec.yaml 파일 내 아래 내용 추가 후 pub get main.dart 맨 위 import 추가 android/... 앱개발플러터flutterflutter 플러터 스크롤위치 파악하는법, 더보기요청 문자 ${변수명} 문자 StatefulWidget은 class가 2개, 부모가 보낸 state를 사용하는 경우 첫번째 클래스에서 등록해주고 사용은 두번째 클래스에서 사용 사용할때는 widget.변수명과 같이 앞에 widget.이 붙어야함. ScrollController를 저장할 변수를 만들고 그 변수를 ListView.builder 위젯에 controller 파라미터로 추가하면 scroll ... 앱개발플러터flutterflutter 플러터 상세페이지 만들기 Navigator 앱개발플러터flutterflutter 플러터 shared preferences 데이터 저장 & 출력 & 삭제 String, bool, int, double, stringList 가능 map 형식 자료는 jsonEncode 해서 string 으로 저장 이미지는 저장 못함,. 이미지 저장하려면 cached_network_image 같은 패키지 사용하면됨.... 앱개발플러터flutterflutter 플러터 GestureDetector 텍스트나 이미지 등의 위젯을 이 위젯으로 감싸면 해당 위젯을 어떻게 만지는지 다 감지해서 동작 추가해 줄 수 있음 onTap ( 한번클릭 ) onDoubleTap( 더블탭 ) onLongPress ( 길게 누를 때 ) onScaleStart ( 두손가락으로 줌인 시 사용 ) 그 외 등등 엄청 많음 CupertinoPageRoute() import 'package:flutter/cupertin... 앱개발플러터flutterflutter 플러터 Provider 패키지 전송 없이 모든 위젯이 state를 직접 가져다쓸 수 있게 만들어주는 패키지 state 보관하는 store 필요 store 등록 필요 store를 사용할 위젯들을 전부 ChangeNotifierProvider()로 감싸면됨. 모든 위젯에 다 사용할 경우 MaterialApp을 감싸면 끝 create 안에는 Store1를 넣으면 되고 child에 적용할 위젯을 추가 store에 있는 state... 앱개발플러터flutterflutter 플러터 GridView, CustomScrollView ListView나 GridView 사용시 자동으로 스크롤이 생성되지만 다른요소와 합쳐 사용하는 경우에는 해당 위젯을 쓴 영역만 스크롤이 됨. 여러 요소를 합쳐서 크게 스크롤바를 만들고 싶을 때 사용하는 위젯 대충 Column이랑 똑같은 용도지만 스크롤바 생기고 문법도 약간은 다름 스크롤 영역안에 ListView : SliverList() 스크롤 영연안에 GridView : SliverGrid... 앱개발플러터flutterflutter 플러터 Firestore 사용 firebase 에서 사용가능한 2개 DB 중 하나 realtime database, firestore 이렇게 2개 있음. NoSQL DB, SQL 문법없이 사용하는 DB 폴더( collection )를 하나 만들고 그 안에 문서( document )를 넣는식으로 자료 저장 document 안에는 Map 자료형으로 자료 저장 문서 하나 당 최대 2MB 문자 자료만 저장 가능 - ex. { n... 앱개발플러터flutterflutter 앱개발 2주차 cmd와 홈페이지에서 expo와 npm, yarn설치하기 VS에서 터미널창에 명령어 입력해서 expo프로젝트 만들고 expo실행하기 expo가 앱개발 디폴트를 만들어주면, 거기서부터 어떤 식으로 앱화면을 만들어가는 건지 박스 만들고 내부 컨텐츠 가운데 정렬할 때 : alignItems:"center" justifyContent:"center" JSON데이타 불러 온 후 .map(content... 스파르타 코딩클럽앱개발스파르타 코딩클럽 모르면 손해보는, 앱 개발 외주를 맡길 때 꼭 참고해야할 체크리스트 (아이디어 구체화 편) 많은 분들이 성공적인 비즈니스를 꿈꾸며 나만의 아이템을 구현하기 위한 방법으로 앱 개발 외주를 고민하고 계십니다.기업 내부의 인원으로 대부분의 전문 업무를 할 수 있다면 좋겠지만, 보통은 실력있는 개발자와 디자이너, 기획자를 내부에 모두 갖추고 계신 경우는 드뭅니다. 그래서 이번 시간에는 앱 개발 외주를 맡길 때 꼭 참고해야할 체크리스트에 대해 띵션 스튜디오에서 아주 자세히 알려드리고자합니다... 외주체크리스트앱개발외주앱제작앱개발앱제작업체앱개발 대학 LMS강의 스케쥴앱 만들어보기(과목 선택 페이지) 앱 구성은 페이지 상단에 학생 이미지를 넣고 스크롤를 통해 과목을 선택할 수 있게 구성하였습니다. <실제 구현> 아직 백이 준비가 안됐기 때문에 이미지와 제목은 공백으로 남겨 두었습니다. 앱의 대표 컬러는 민트와 화이트레드이기때문에 투톤에 맞는 디자인을 짜보았습니다. <구현 코드입니다.(flutter)>... LMS대학스케쥴앱앱개발앱프론트엔드개발flutterdartLMS