워드톡4 [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. 워드톡 첫화면 "내 단어장"을 클릭합니다. 2. 원하시는 단어장을 클릭하세요. 3. 팝업 메뉴중 "편집/연상이미지"를 선택하세요. 4. 단어장에 등록된 단어 목록이 나올텐데요. 연상이미지를 등록하고자 하는 단어의 아래 맨 왼쪽에 있는 아이콘을 클릭하세요. 5. 메뉴중 "검색"을 클릭하세요. 6. 단어와 관련된 많은 이미지를 검색됩니다. 이중 원하는 이미지를 길게 누르면 원하는 크기로 사진을 설정할 수 있습니다. 7. 설정이 끝나면 화면 아래쪽 빨간 버튼을 누르면.. 2019. 7. 1. 이전 1 다음 반응형
