안드로이드앱3 [Flutter ]ListView를 이용한 단어장 목록 만들기 2 단어장 목록에서 단어장을 탭하면 해당 단어장 이름을 보여주는 코드를 작성해보자 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:wordtalk_black/model/wordbook.dart'; class WordbookListPage extends StatefulWidget { WordbookListPage({Key? key, required this.title}) : super(key: key); final String title; @override _WordbookListPage createState() => _WordbookListPage(); } class _Wordbook.. 2021. 5. 26. [Flutter]단어장 데이터 만들기 워드톡에서 사용할 단어장을 만들어봅니다. 단어장을 만든 후 한단어 한단어 입력할 수도 있겠지만 우리는 세상에 널려 있는 데이터를 사용하기로 합니다. 다음 단어장입니다. https://wordbook.daum.net/ 다음 단어장 wordbook.daum.net 이곳에 가면 많은 단어장이 있는데요 단어장을 엑셀로 다운로드 받을 수 있습니다. 워드톡에선 다운로드 받은 엑셀파일을 읽어 들여 단어장으로 만들겁니다. ✔︎ 단어장 다운받기 다운로드된 파일은 "wordbook.xls"로 저장됩니다. 원하는 이름으로 바꾸세요. 여기서는 "보카바이블3.0-1"로 저장합니다. 저장된 파일을 엑셀로 열어봅니다. 단어, 발음기호, 주요뜻, 메모, 암기여부 등 단어장을 만들기위한 모든 정보가 있습니다. 위와 같은 구조로 단어 .. 2021. 5. 21. [Flutter ]ListView를 이용한 단어장 목록 만들기 이번엔 플러터에서 기본제공되는 위젯인 ListView를 이용하여 단어장 목록을 보여주는 페이지를 만들어 보자 ListView는 앱에서 데이터를 보여주기 위해 가장 많이 사용되는 위젯일 것이다. 먼저 오늘 만들 페이지 동작 화면이다. 단어장 목록이 0~99까지 100개가 나열되고 아래위로 스크롤 되는 너무나 익숙한 화면이다. ListView를 구현하는 방법은 여러가지가 있을 수 있다. 코드 상에 목록을 나열할 수도 있고 목록을 파일로 만들고 그 파일을 읽어 들여 ListView를 완성할수도 있다. 또 네트워크를 통해 원격지 서버에서 데이터를 받아와 완성할 수 있다. 네트워크를 통해 데이터를 가져와 ListView에 표현하는 가장 까다롭지만 가장 많이 사용된다고 볼 수 있다. 하지만 이번 시간에 코드안에 데.. 2021. 5. 17. 이전 1 다음 반응형
