일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- backjoon
- 시큐리티
- Spring Security
- CS
- postgresql
- 프로그래머스
- 자바스크립트
- 네트워크
- 백준
- 플러터
- 파이썬
- javascript
- 자바
- 자료구조
- Oracle
- 리눅스
- Flutter
- spring
- Java
- 데이터
- python
- 스프링
- JPA
- 스프링부트
- 스프링 부트 쇼핑몰 프로젝트 with JPA
- CS지식
- baekjoon
- springboot
- DB
- 데이터베이스
- Today
- Total
목록플러터 (28)
Jin's Dev Story
image_picker 설치와 셋팅 pubspec.yaml 파일에 코드 추가 후 pub get dependencies: image_picker: ^0.8.4+4 ios/Runner/info.plist 파일에 코드 추가 하단에 추가 사용자에게 허락 팝업 띄울 때 보이는 글자들 NSPhotoLibraryUsageDescription 사진첩좀 써도 됩니까 NSCameraUsageDescription 카메라좀 써도 됩니까 NSMicrophoneUsageDescription 마이크 권한좀 제발 dart 파일 맨 위에 import 추가 import 'package:image_picker/image_picker.dart'; import 'dart:io'; image_picker 사용법 onPressed: () asy..
라우터 사용 (/) 페이지가 많은 경우 사용 라우터를 제대로 쓸 거면 패키지 설치해서 사용 → 깔끔한 문법으로 페이지 나누기 가능 웹 페이지처럼 페이지 단위로 나눌 수 있음 MaterialApp( initialRoute: '/', routes: { '/': (context) => Text('첫페이지'), '/detail': (context) => Text('둘째페이지'), }, ); Navigator.pushNamed(context, '/detail'); 버튼을 눌렀을 때 페이지 이동하게 만들고 싶은 경우 사용 라우터에 파라미터를 입력하고 싶은 경우 MaterialApp( initialRoute: '/', onGenerateRoute: (settings) { var arguments = settings...
Navigator.push() IconButton( icon: Icon(Icons.add_box_outlined), onPressed: (){ Navigator.push( context, MaterialPageRoute(builder: (context) => Text('안녕')), ); }, ), ⇒ 란? return 하나 밖에 없으면 중괄호와 return 동시에 생략 가능 (context) => Text('안녕') (context) { return Text('안녕'); } Navigator.pop(context); 현재 열린 페이지 닫아주기
동적인 UI 만드는 법 1. 현재 UI의 현재 상태를 저장할 state를 만든다. 주의사항 : state 이므로 StatefulWidget으로 변경해야함! tab을 0으로 지정해놨기 때문에 tab이 0이면 0번탭, 1이면 1번탭으로 변경됨 → ‘홈’ 이렇게 지정해도 됨 class MyApp extends StatefulWidget { const MyApp({Key? key}) : super(key: key); @override State createState() => _MyAppState(); } class _MyAppState extends State { var tab = 0; (하단생략) 2. 그 state에 따라서 현재 UI가 어떻게 보일지 코드를 짜놓는다. body: [ Text('홈페이지'), ..
💡 import ‘package:flutter/rendering.dart’; 사용 스크롤 위치 파악 게시물목록 ListView에 ScrollController() 부착하기 스크롤위치 계속 감시해주는 리스너 부착하기 맨 밑까지 스크롤하면 서버에 게시물 더 달라고 GET요청하기 데이터 가져오면 data라는 state에 추가해주기 → 스크롤 위치를 파악하고 싶으면 해당 위젯을 StatefulWidget으로 변경해야 함 → 부모가 보낸 state를 등록할 때는 위 class에 등록하고 사용은 아래 class에서 함 → 아래 class에서 위 class에 있는 변수를 사용할 때는 widget.변수명 사용 ScrollController 스크롤바 위치 기록해줌 ListView를 사용하면 controller: 라는 파..
http 패키지 설치 pubspec.yaml 에 http: ^0.13.4 추가 후 pub get 누르기 dependencies: http: ^0.13.4 main.dart 파일 들어가서 코드 추가 import 'package:http/http.dart' as http; import 'dart:convert'; dart:convert 이건 JSON -> 일반자료형 변환을 도와주는 함수모음집 android/app/src/main/AndroidManifest.xml _MyAppState(); } class _MyAppState extends State { var tab = 0; // 1. 현재 상태 저장 var list = [1, 2, 3]; var map = {'name':'john', 'age':20}; ..