이수연의 티스토리

오늘은 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를 선언하고 구성하는 방법이다. 위젯은 ..