본문 바로가기
반응형

[Flutter]64

Flutter Date 다루기 / DateTime pubspec.yaml 파일에 라이브러리를 하나 추가해야 한다. https://pub.dev/packages/intl intl | Dart Package Contains code to deal with internationalized/localized messages, date and number formatting and parsing, bi-directional text, and other internationalization issues. pub.dev dependencies: flutter: sdk: flutter intl: ^0.17.0 // 추가 사용 var now = new DateTime.now(); String formatDate = DateFormat('yy/MM/dd - HH:mm:s.. 2022. 12. 2.
Flutter 코드북 - 예제) 인증 토큰 담아서 전송하기 (api, jwt) api 토큰에 대한 인증은 정보를 헤더에 이렇게 담아서 진행하는데 final response = await http.get( Uri.parse('https://jsonplaceholder.typicode.com/albums/1'), headers: { HttpHeaders.authorizationHeader: 'Basic your_api_token_here', }, ); jwt 토큰은 헤더에 이렇게 해야한다. final response = await http.get( Uri.parse('http://3.38.70.153:8080/v1/playlist/${id}'), headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', '.. 2022. 12. 1.
Flutter Row 내부 텍스트 자동 줄 넘기기 / Flexible Row( crossAxisAlignment: CrossAxisAlignment.center, children: [ Text('${widget.playlistDetail.name}', style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold),), // Expanded(child: SizedBox.shrink()), // 오른쪽 끝에 넣게 하니까, 플레이리스트 전체를 수정하는 기능이 있어 하는 느낌이야. SizedBox(width: 10,), Icon(Icons.edit, color: Colors.grey, size: 22,), ] ) 이런 결과를 볼 수 있다. 여기서 Text를 Flexible로 감싸주면 Row( crossAxisAlignment: Cros.. 2022. 11. 24.
Flutter 네트워크 이미지 캐싱 이미지 캐싱은 중요합니다. 캐싱을 통해서 불필요한 중복 접근을 막을 수 있고, 그렇게 함으로써 여러 비용을 절감할 수 있습니다. 매 번 요청할 떄 마다 이미지를 서버로부터 가져오게 되면, 요청 과정에서 네트워크 비용이나, 실질적인 요금 비용 등 다양한 비용이 발생할 수 있는데 비해서 한 번 이미지를 불러온 뒤에, 캐싱을 통해 이미지를 다시 받아오는 중복 작업을 피하는 과정을 이뤄낼 수 있습니다. 이미지 캐싱 구현에는 다양한 방법이 있습니다. 아래 코드는 동료 팀원분께서 저에게 제공해주신 감사한 코드입니다. retry 횟수는 3번, timeout은 3초로 지정하여 진행하는 예제입니다. Image.network()를 통해 곧바로 이미지를 받아오지 않고, http를 이용해 직접 읽어온 다음에 DefaultCa.. 2022. 11. 12.
반응형

티스토리툴바