728x90 FLUTTER24 [Flutter] env(환경 변수) 설정하기 env를 왜 설정할까? 개발하다 보면 api key를 그냥 복붙으로 쓰다가 github에 그대로 올려서 난감한 상황을 경험을 해봤을 수도 있다! (필자는 경험을 해봤기 때문에 ㅎㅎ😂) 이런 상황을 겪지 않았으면 하는 마음으로 이번 포스팅을 하게 되었다 env 란? env란 환경변수 파일을 의미한다 개발을 하고 나서 github에 공개적으로 올릴때나 또는 배포할 때 DB 비밀번호, 서버 URL, API Key 등 외부로 알려지면 큰일나는 정보들을 모아둘 때 주로 사용하게 된다 env 파일 만들기 간단하게 프로젝트 루트 상에서 .env 파일을 만들면 된다 vscode에서 만들면 아래와 같이 보일 것이다 다음은 flutter에서 env 파일을 쉽게 사용하라고 패키지가 하나 있으니 사용하자! 명령어는 flutt.. 2023. 12. 20. [Flutter] ListView & GridView 사용하기 ListView 사용해 보기 사용해야 하는 데이터가 순차적으로 보여줘야 하는 데이터라면 일일이 하나씩 빼서 쓰기에는 너무 비효율적이다. 그렇게 이번에는 ListView를 사용하는 방법에 대해서 알아보도록 하자. ListView.builder 사용하기 ListView를 그대로 사용해도 되지만 개발하면서 많이 쓰일 것은 ListView.builder이라 생각이 듭니다. 그러해서 ListView.builder를 사용하는 방법에 대해서 간단하게 알아보겠습니다. 파일 구성하기 👉 1. main.dart 먼저 메인페이지에서 ListView를 구성해 놓은 페이지로 이동하는 코드로 시작합니다. class _ViewsetStateState extends State { @override Widget build(BuildC.. 2023. 12. 14. [Flutter error] RenderBox was not laid out: RenderViewport#d4bc2 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE'package:flutter/src/rendering/box.dart':box.dart:1Failed assertion: line 1966 pos 12: 'hasSize' ListView error 제목에서 보이는 오류는 대부분 ListView나 GridView를 사용할때 보이는 오류이다. 또는 아래 사진과 같이 Horizontal viewport was given unbounded height. 이런 오류를 심심치 않게 볼수 있는데 해결방법을 알아보도록 합시다. 예시코드 아래와 같은 코드일때 주로 오류가 발생하니 한번 확인해봅시다. 아래와 같이 boby > Column > ListView.builder를 사용해서 코드를 작성했습니다. 언뜻 보기에는 아무런 문제없다고 생각하지만 제목과 같은 오류를 딱 맞딱뜨리게 될것입니다. import 'package:flutter/material.dart'; class ListViewSetState extends StatefulWidge.. 2023. 10. 17. [Flutter] Dialog 안에서 SetState 수행하기 Dialog 안에서 새로고침(SetState) 수행하기 대부분 어떠한 이벤트를 통해서 현재 화면에서 달라진 데이터값을 보여주려면 StatefulWidget를 사용해서 SetState를 이용해 Refresh를 했을 것이다. 그런데 개발하다 보면 Dialog 안에서 변화된 데이터 값을 보여주고 싶을 때가 있는데 SetState를 사용하면 Dialog 밖에 화면을 Refresh 해주기 때문에 변화된 값을 확인할 수 없다. 그래서 이번 포스팅은 Dialog 창안에서 데이터 값이 변화되었을때 바로 변화가 되어지는 방법에 대해 알아봅시다! 간단한 예제 만들기 파일은 main.dart, alter_dialog.dart, basic_button.dart 이렇게 세가지만 만들겠습니다. 내용은 버튼 이벤트시 다이얼로그 창.. 2023. 9. 20. 이전 1 2 3 4 5 6 다음 728x90 728x90
