본문 바로가기

assignment3

[Flutter] 숙제 Book 애플리케이션 추가 구현 - ( week 4 ) 첫 번째 목표 ListTile의 subtitle 자리에 작가 이름, 책 발행일 가져와서 보여주기 작가 이름과 책 발행일은 줄 바꿈으로 구분 작가가 여러 명인 경우 각각의 작가명을 쉼표로 구분 API 확인 우선 가져올 정보를 API 데이터를 보고 확인한다. 필요한 정보인 작가와 발행일은 각각 authors, publicshedDate의 이름으로 들어온다. authors의 경우 리스트이기 때문에 받아올 때도 리스트에 담는다. class Book { String id; String title; String subtitle; List authors; String publishDate; String thumbnail; // 썸네일 이미지 링크 String previewLink; // ListTile 을 눌렀을 때.. 2023. 4. 29.
[Flutter] (숙제) 추가 기능 구현 - ( week 3 ) 마이메모 앱에 추가 기능을 구현한다. 1. Pin 기능 구현 Pin 버튼을 눌렀을 때 리스트가 정렬되도록 한다. Pin이 눌려진 메모는 리스트 상단에 배치되도록 한다. 우선 Memo에 Pin상태를 체크할 새로운 변수를 선언한다. class Memo { Memo({ required this.content, required this.isPin, }); String content; bool isPin; 변수가 추가됨에 따라 객체가 생성될 때 해당 변수를 추가로 값을 넣어준다. 그리고 로컬에서 데이터를 가져올 때 해당 값이 null이기 때문에 에러가 발생하는걸 예외처리해 준다. return Memo(content: json['content'], isPin: json['isPin'] ?? false); Pin상태.. 2023. 4. 23.
[Flutter] 숙제 - ( week 1 ) 지금까지 배운 것을 토대로 예시를 따라 만들어 본다. 사용한 위젯들 Scaffold AppBar Text IconButton Column Padding TextField Icon Divider Expanded ListView.builder Card Stack Image.network Container Text Title 우선 타이틀을 만들어준다. 타이틀은 왼쪽으로 정렬된 텍스트와 흰 배경으로 되어있고 오른쪽 끝에는 아이콘이 하나 들어가 있다. 1. 텍스트를 넣고 색상은 검은색 사이즈도 수정해 준다. title: Text( 'Movie Reviews', style: TextStyle( fontSize: 25, color: Colors.black, ), ) 기본적으로 앱바의 색상이 파란색으로 되어있고 아래에.. 2023. 4. 10.