[플러터] 프로젝트 내 Json 파일 읽기

2021. 4. 15. 12:23·Flutter/Flutter Tech

글로벌 서비스를 제공할 때 기본적으로 텍스트들을 번역하게 되는데 이 때 Localizations를 가장 많이 사용한다.

프로젝트 내에 json 파일에 object 형태로 저장된 번역을 불러오는 방식이다.

 

번역 이외에도 많은 양의 데이터를 프로젝트내에 저장하고 불러와서 사용해야하는 경우가 있다.

플러터에서 기본으로 제공하는 json 입출력으로 간단하게 map, list 변수에 json 데이터를 파싱할 수 있다.

파싱이란? 다른 형식으로 저장된 데이터를 원하는 형식의 데이터로 변환하는 것

 

 

프로젝트 내 Json 파싱

  assets:
    - assets/json/

 

pubspec.yaml의 assets에 경로를 추가하는걸 잊지말자!

 

  String jsonString = await rootBundle.loadString('json/myAppData.json');
  final jsonResponse = json.decode(jsonString);

코드는 정말 간단하다. 경로의 json 파일을 복호화해서 변수로 담아준다.

jsonResponse는 json의 형식에 따라 타입이 자동으로 정해지며 일반적인 map, list 변수와 같이 사용 가능하다.

 

주의해야할 점은 json에서 불러오는 함수가 Future라는 것이다.

저작자표시 비영리 변경금지 (새창열림)

'Flutter > Flutter Tech' 카테고리의 다른 글

[플러터] application/octet-stream type  (0) 2021.11.19
[플러터] Http로 Json 파싱하기  (0) 2021.06.17
[플러터] Status bar 색상 변경하기  (1) 2021.03.03
[플러터] Device 설정 무시 글자 크기 고정하기  (0) 2021.02.28
[플러터] 위젯 반응형으로 개발하기  (2) 2021.01.30
'Flutter/Flutter Tech' 카테고리의 다른 글
  • [플러터] application/octet-stream type
  • [플러터] Http로 Json 파싱하기
  • [플러터] Status bar 색상 변경하기
  • [플러터] Device 설정 무시 글자 크기 고정하기
박유상의 개발블로그
박유상의 개발블로그
개발블로그
  • 박유상의 개발블로그
    박유상의 개발블로그
    박유상의 개발블로그
  • 전체
    오늘
    어제
    • 전체 (134)
      • Who am I (10)
        • Portfolio (4)
        • Reminiscence (5)
        • Oversea (1)
        • SiliconValley (0)
      • React (36)
        • React Basic (15)
        • React Tech (5)
        • JavaScript (7)
        • TypeScript (3)
        • CSS&HTML (3)
        • Firebase (3)
      • NodeJS (1)
        • NodeJS Basic (1)
      • Flutter (55)
        • Flutter Widget Design (5)
        • Flutter Widget Basic (8)
        • Flutter Tech (18)
        • Flutter Issue (7)
        • Flutter Web (6)
        • About Flutter (2)
        • Firebase (1)
        • Dev Env (1)
        • Dart (7)
      • Programming (31)
        • Web (1)
        • General (0)
        • Algorithm (25)
        • Python (1)
        • VS Code (2)
      • Django (0)
  • 블로그 메뉴

    • Who I AM
    • React
    • NodeJS
    • Flutter
    • Programming
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    flutter web
    CSS
    자바스크립트
    DP
    포트폴리오
    웹
    react
    JavaScript
    Firebase
    Flutter
    useState
    플러터 웹
    map
    useTranslation
    플러터
    TypeScript
    DART
    리액트
    JSON
    Python
    프로그래머스
    github
    파이썬
    링고리
    알고리즘
    탐욕법
    Lingory
    HTML
    Redux
    useRef
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
박유상의 개발블로그
[플러터] 프로젝트 내 Json 파일 읽기
상단으로

티스토리툴바