이수연의 티스토리

오늘은 Flutter에서 TextField를 사용할 때 발생하는 오버플로우(overflow) 문제는 플러터 초보들에게 자주 발생하는 문제중 하나이다.특히 Container 안에 TextField를 감싸거나, 긴 hintText를 사용할 때 쉽게 발생한다. 그래서 오늘은 1. TextField에서 오버플로우가 발생하는 이유2.수정 코드를 통해 오버플로우를 방지하는 예시를 설명   📌 문제 상황: TextFied의 오버플로우 발생다음과 같은 코드를 작성하면 오버플로우 오류가 발생한다!Expanded( child: Container( height: 51, padding: const EdgeInsets.symmetric( horizontal: 14, vertical: 18, ..

오늘은 플러터 개발에서  UI에 사용하는 위젯의 의미를 제대로 파악해보기로 했다. 퍼블리싱에서 가장 중요한 칸 나누기 즉 레이어 에 맞게 네모 박스를 정렬하고 맞추는 부분이 가장 중요하다고 할 수 있다.  Container()Container() widget은 box의 높낮이를 설정하고 배경색을 지정할 수도 있으며 UI를 그리기 쉽다. Container 위젯의 argument에서 가장 기본적인 width와 height은 너비와 높이를 지정할 수 있다.Container() 위젯의 디자인을 커스텀 하는 속성 값에는 decoration을 사용하면 된다. decoration을 사용하면 Container()의 속성인 color은 지정하는 것이 아닌 BoxDecoration() 위젯에서 color 값을 지정해야한다..

오늘은 맥북에 플러터를 다시 셋팅함과 더불어 다시 위젯부터 공부해보려고 한다. 그렇기에 먼저 오늘 코드와 시뮬레이터에서 돌려본 간단한 앱을 함께 리뷰 해보고자 한다. 코드는 https://youtu.be/r5JZEjnySrU?si=KcuZOYsf3ZX_7kRl 님의 영상을 보고 참고하였다. class MyHomePage extends StatefulWidget { const MyHomePage({super.key}); @override StateMyHomePage> createState() => _MyHomePageState();}class _MyHomePageState extends StateMyHomePage> { // 클릭 여부를 저장할 변수 bool isClicked = false; @overri..

실습에 들어가기 전 내가 알고있는 C언어와 Dart를 비교하며 코드를 작성해볼 예정이다. 그 과정에서 Dart의 문법이 어디가 다른지 비교하여 Dart의 특성을 정리해보겠다. 1. 구구단 만들기  -내가 생각한 알고리즘 순서1.변수 2개 선언2.이중 for문으로 구구단 계산 및 반복 출력3.출력 Dart 코드void main() { int i; // 단 수를 저장할 변수 int j; // 곱해지는 수를 저장할 변수 // 2단부터 9단까지 반복 for(i = 2; i  어려웠던 점 -이중 for문 까진 쉽게 접근했지만 아직 문자열 출력에 있어 어려움을 겪음 C언어 코드#include int main() { int i; // 단 수를 저장할 변수 int j; // 곱해지는 수를 ..

01 플러터 준비하기01-1 플러터에 주목하는 이유플러터란? 플러터는 구글이 개발한 크로스 플랫폼 프레임워크로, 오픈 소스로 제공한다.  플러터의 장점은? 1. 높은 개발 효율    플러터를 이용해 코드를 작성하면 안드로이드와 ios 모바일 앱 모두 한 번에 개발할 수 있어 효율적이다.플러터로 개발한 앱은 어떤 운영체제에서도 똑같은 UI/UX 를 제공한다. 또한 플러터의 핫 리로드 기능 덕분에소스를 수정한 후 번거러운 빌드 과정 없이 화면에 수정한 결과를 바로 표현하므로 개발 시간을 줄일 수 있다. 2.역동적이고 유연한 UI   역동적이고 유연한 UI는 플러터의 큰 장점이다. 플러터는 다양한 위젯을 제공하므로 사용자 맞춤형 앱을 쉽게 만들 수 있다.  위젯이란 UI를 선언하고 구성하는 방법이다. 위젯은 ..

플러터란?Flutter는 구글에서 개발하고 관리하는 오픈 소스 모바일 앱 개발 프레임워크이다. Flutter은 다양한 플랫폼에서 동작하는 앱을 개발하기 위해 사용되며, 모바일 앱의 개발 속도를 높이기 위한 다양한 기능과 도구를 제공한다. 또한 Dart언어의 문법을 사용한다. Dart란?Flutter은 Dart 언어를 사용하여 개발한다. 구글이 멀티 플랫폼에서 동작되도록 하는 앱을 위해 디자인된 프로그래밍 언어이며, 2011년 10월에 공개되었다. C언어의 문법과 거의 같으며, 다양한 개발 언어와의 유사성을 가지고 있다. 다른 언어를 많이 다룬 개발자라면 쉽게 접할 수 있다는 장점이 있다. 다음 사진은 플러터에서 사용하는 Dart언어의 기본 맛보기 문법을 진행한 사진이다. 사진을 첨부해 주석으로 Dart ..