| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- 알고리즘공부
- querydsl
- JPA 공부
- 플러터 개발
- 스프링 공부
- JPA
- 코테공부
- nestjs
- JPA공부
- 자바공부
- DDD
- K8S
- JPA예제
- JPA스터디
- 스프링공부
- 스프링부트
- 자료구조공부
- Flutter
- 프로그래머스
- 스프링
- 코테준비
- 카프카
- Kafka
- nestjs공부
- 기술공부
- 플러터 공부
- nestjs스터디
- 기술면접공부
- Axon framework
- 스프링부트공부
- Today
- Total
목록플러터 리스트뷰 (3)
DevBoi
[Flutter] S3이미지 + 데이터 Listview 세팅 (백엔드 서버 통신)
1. S3에 이미지를 올린다. https://devboi.tistory.com/564 참고하여, S3 구성 테스트 이미지 세팅 2.플러터 S3이미지 호출 방법 assets가 아닌 외부 Url로 이미지를 세팅하는 방법은 이렇다. Image.network( "s3주소/image/3126993.png", height: 170, width: MediaQuery.of(context).size.width, fit: BoxFit.cover, ), 3. 확인 4. 데모 백엔드 서버 구성 Docker-compose + Spring Hibernate + Mariadb (비즈니스 로직에 따라 querydsl 옵셔널) 5. 플러터에서 데모 백엔드 호출 라이브러리 추가 + http 통신 api 개발 http: ^0.13.5 F..
[Flutter] BoilerTemplate 리스트 뷰 개념
많이 쓰는 조합이다. 서버를 호출해서 데이터를 가져온다. 가져와서 리스트뷰로 아이템 세팅해서 뿌려준다. 대부분 이미지 + 텍스트 의 데이터를 기반으로 세팅하기에 해당 조건으로 템플릿을 생성한다. 우선 디렉토리를 위의 구조로 간다. data를 받아오는 곳은 해당 폴더에서 처리를 한다. 우선 해당 파일에서 리스트를 return 한다. List posts = List.generate( 13, (index) => { "name": names[random.nextInt(10)], "dp": "assets/images/cm${random.nextInt(10)}.jpeg", "time": "${random.nextInt(50)} min ago", "img": "assets/images/cm${random.nextIn..
[Flutter] 동적 리스트뷰 생성하기
리스트 뷰의 빌더로 사용한다. itemBuilder로 해야 대량의 데이터를 처리하기에 용이하다고 한다. Container( //Listview child: ListView.builder( shrinkWrap: true, itemCount: persons.length, itemBuilder: (BuildContext context,int index){ return Container( height: 100, child: Text(persons[index].id), ); }) ) 이런식으로 사용하면 아래와 같이 결과가 나타난다. 이런식으로 동적으로 리스트가 그려진다.