본문 바로가기

전체 글75

[Flutter] 좋아요 구현 - ( week 4 ) 좋아요를 누른 책들은 좋아요 탭에서 모아서 볼 수 있도록 만든다. 이때 좋아요 페이지에서는 책들의 목록을 볼 수 있어야 하는데 이미 만들어 놓은 기능이 있기 때문에 이걸 별도의 기능으로 빼서 재사용할 수 있도록 한다. Book List main.dart > SearchPage에서 만들어놓은 ListTile 위젯을 추출한다. 추출한 위젯의 이름은 BookTile로 명명한다. ListView 내부의 ListTile 위젯이 외부로 분리되었다. itemBuilder: (context, index) { if (bookService.bookList.isEmpty) return SizedBox(); Book book = bookService.bookList.elementAt(index); return BookTile.. 2023. 4. 27.
[Flutter] 왓챠피디아 - API 연동 - ( week - 4 ) 구현 목표 Google Book API를 활용해서 왓챠피디아 앱에 책 검색 기능을 구현한다. 네트워크 통신을 하기 위해서 Dio 패키지를 사용한다. Dio dio 공식 문서에 나와있는 설치 명령어를 터미널에 입력한다. $ flutter pub add dio Dio 사용법 사용할 기능은 GET 메서드를 사용해서 URL로 요청을 보내고 비동기를 동기화시켜서 데이터를 받아서 사용한다. // GET 메서드를 사용해서 URL로 요청하기 main() { Dio().get("URL"); } // 비동기 동작을 동기로 구현 main() async { Response result = await Dio().get("URL");// get 함수는 Future를 반환한다. print(result.data); // data 안.. 2023. 4. 27.
[Flutter] 왓챠피디아 - 프로젝트 세팅 - ( week 4 ) 왓챠피디아 앱 구현 프로젝트 준비 새로운 Flutter 프로젝트 생성 provider 패키지 설치 파일 추가 생성 : book.dart, book_service.dart 베이스 코드 작성 main.dart import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'book_service.dart'; void main() { runApp( MultiProvider( providers: [ ChangeNotifierProvider(create: (context) => BookService()), ], child: const MyApp(), ), ); } class MyApp extends StatelessWi.. 2023. 4. 26.
[Flutter] API 살펴보기 - ( week 4 ) API Application Programming Interface 다른 사람들이 내 컴퓨터에 있는 데이터에 접근할 수 있도록 만들어둔 기능을 API라고 부른다. 기상청 API 매뉴얼 API를 어떻게 사용할 수 있는지 설명이 나와있다. 설명을 보면서 어떤 식으로 API 구조가 만들어 있는지 살펴볼 수 있다. Public APIs 공공 API 모음 Network API는 서로 다른 컴퓨터 간에 주고받는 통신이다. 이러한 통신을 네트워크라고 하며 예를 들어서 네이버 주소로 접속했을 때 웹 브라우저가 네이버에 있는 컴퓨터로 요청을 보내고 네이버에서 다시 내 컴퓨터로 응답을 해주는데 이때 요청하는 컴퓨터를 클라이언트, 응답하는 컴퓨터를 서버라고 한다. 프로토콜 컴퓨터 간에 통신을 하기 위해서는 정보에 규칙이 있.. 2023. 4. 26.

티스토리툴바