본문 바로가기

Flutter23

[Flutter] Unable to load asset 오류 해결 Unable to load assset에러는 이미지를 load할 때 심심치않게 발생하는 에러이다. 말 그대로 리소스를 load할 때 발생하는 에러라는 것을 바로 알 수 있는데, 원인을 쉽게 알 수 있는 것과 달리 에러를 해결하는데 꽤나 시간이 소요될 수 있다. 그 이유는 리소스를 load하지 못하는 이유가 너무 다양하고, 개발자의 실수가 아닌경우도 있기 때문이다. 나 또한 이 에러때문에 꽤나 시간을 낭비한 경험이 있어 에러 해결 과정을 기록하기로 하였다. 아래 순서대로 실행한다면 아마 99%는 에러를 해결할 수 있을 것이다. 우선 리소스에 변경이 있을 때, hot reload 혹은 hot start만으로는 리소스 변경을 제대로 캐치하지 못하는 경우가 있다. 이럴때는 아래 명령어를 통해 캐시를 삭제하고, .. 2024. 8. 3.
[Flutter] JSON 다루기 (리스트, 중첩) 먼저 JSON이 무엇인지 알아보자. JSON 이란- JavaSCript Object Notation(JSON)은 JavaScript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷- 서버와 클라이언트 간의 통신에서 일반적으로 사용- 자바스크립트의 문법과 굉장히 유사하지만 텍스트 형식 JSON 구조{ "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIdentity": "Dan J.. 2024. 7. 27.
[Flutter] Animation을 사용하여 ListView 선택 효과 만들기(AnimatedPositioned) 몇 번의 리스트를 만들어 봤지만, UI를 고려할 때, Row의 간격이나 선택 시 색깔변경 등 단순하게 보여지는 부분외에 큰 고민을 해본 적이 없는 것 같아 이번에는 나름대로 Animation을 활용한 list를 만들어 보기로 하였다. 내가 원하는 효과는 리스트 아이템 클릭을 하면, 해당 아이템이 최상단으로 올라가고, 아래쪽에 선택한 아이템에 대한 디테일이 나오게 하는 것이다. 효과를 만들기 위해 검색을해보니 Flutter codelabs에 유사한 기능을 소개하고 있었다. Container Transformation Example by Flutter.dev Animation 패키지의 OpenContainer를 활용하는 방법인데, 위젯 하나로 손쉽게 위와 같은 효과들을 만들어 낼 수 있었다. 이 위젯을 조금.. 2024. 7. 21.
[Flutter] 5분 만에 Sqflite 사용하기 개인 프로젝트 중 Sqflite를 사용을 위해 pub.dev의 sqflite 공식 example을 참고하였는데, 필요 없는 내용이 너무 많아 한 눈에 보기가 힘들었고, 실질적으로 Sqflite를 연동하는 부분을 찾기가 힘들었다. Sqlite를 사용해 본 적이 있고, 빠르게 Sqflite를 프로젝트에 적용하기를 원하는 사람들을 위해 정말 빠르고 간단하게 Sqflite로 CRUD를 구현하는 방법을 소개하겠다. 우선 sqflite와 path 패키지를 추가해준다. sqflite: SQLite 데이터 베이스를 사용하기 위한 패키지 path: 파일 및 디렉토리 경로를 조작하기 위한 유틸리티 패키지 패키지 추가 이후에는 사용할 데이터의 클래스를 정의해 준다. class Script { final int id; fin.. 2024. 2. 17.