안녕하세요~ totally 개발자입니다. 반복문1 - while 오늘은 반복문을, 그 중에서도 while을 사용하는 반복문을 위주로 다루도록 하겠습니다. 반복문은 프로그래밍에 있어서 필수적인 요소입니다. 반복문이 존재하지 않았다면, 상당한 양의 같은 코드가 반복되었을 것이고, 매우 비효율적인 코드가 많아졌을 것이나 반복문의 사용으로 인하여 효율적인 코드, 지속적으로 반복되는 코드를 줄일 수 있었습니다. 간단한 예제로 1부터 5를 콘솔에 출력해보는 코드를 살펴보도록 하겠습니다. console.log(1); console.log(2); console.log(3); console.log(4); console.log(5); 먼저 반복문을 사용하지 않고 console.log(1)부터 (5)까지 지속적으로 나열한 ..

안녕하세요~ totally 개발자입니다. Gradient 오늘 살펴볼 부분은 그라데이션을 적용하는 방법입니다. 많은 에플리케이션을 보면 화려하고 멋진 그라데이션을 적용한 것을 볼 수 있습니다. 바로 예제를 통해 확인해보도록 하겠습니다. 일반적으로 단색을 적용하면 위처럼 다소 밋밋하게 보일 수 있습니다. 조금 더 세련된 디자인을 위해서는 그라데이션을 적용하면 됩니다. LinearGraident 먼저 살펴볼 그라데이션은 LinearGradient입니다. 아래 예제를 살펴보겠습니다. LinearGradient(선형 그라데이션)을 적용한 모습입니다. linear는 선, 직선 모양의 의미로 begin과 end를 수반하여 시작 방향과 끝 방향이 정해져 있는 그라데이션이며 colors의 속성에는 배열 형태로 여러 색..

안녕하세요~ totally 개발자입니다. 조건문 (if, switch) 어떤 특정한 경우 즉 어떤 조건에 해당할 때에 코드를 실행하기 위한 목적으로 사용됩니다. if 오늘 이 시간에는 조건문에 대해 다뤄보도록 하겠습니다. 보통 if, switch로 구현할 수 있으며, 먼저 if문의 예제를 보면 아래와 같습니다. const a = 1; const b = 2; if (a > b) { console.log("a가 b보다 큰 수입니다."); } else if (b > a) { console.log("b가 a보다 큰 수입니다."); } else { console.log("a와 b는 같은 수입니다."); } 먼저 if (조건 내용) 형식으로 사용하며 else if와 else는 생략이 가능하지만 다양한 경우를 생각해..

안녕하세요~ totally 개발자입니다. Flexible, Expanded Flexible 이 시간에는 Flexible, Expanded 위젯에 관해 살펴보도록 하겠습니다. 이 위젯들은 반응형으로 만들 때 즉 가능한 공간을 채울 때 사용하게 되는 위젯들입니다. Flexible 위젯의 사용법과 어떤 경우에 사용하는지 알아보겠습니다. 쉬운 예시를 위해 간단하게 Column에 Row를 적용하고 그 Row에 2개의 컨테이너들을 width: 150, height: 150으로 지정하여 배치하였습니다. 위의 시뮬레이터를 보면 아시겠지만, 양끝에 공간이 남는 것을 알 수 있습니다. 만약 이 공간을 채우기 위해 width에 특정 값을 부여하는 경우에는 현재 아이폰 13 시뮬레이터지만, 만약 아이폰 13 미니 또는 프로 ..

안녕하세요~ totally 개발자입니다. Image, AssetImage, NetworkImage 오늘 다뤄볼 위젯은 Image입니다. Image는 대표적으로 AssetImage와 NetworkImage로 나뉩니다. AssetImage는 이미 로컬 스토리지에 저장되어 있는 이미지를 활용하는 방법이고, NetworkImage는 웹사이트에 올려진 url을 이용하여 이미지를 표시합니다. 이 2가지 방법을 모두 실습해보도록 하겠습니다. AssetImage 먼저 AssetImage입니다. 사용법은 아래와 같습니다. Step1: 이미지 파일 준비 (assets/images/ 보통 이 경로로 저장해두면 되며 변경 가능합니다) Step2: 프로젝트 폴더에 보면 pubspec.yaml이라는 파일이 있는데 여기에 asse..

안녕하세요~ totally 개발자입니다. AlertDialog 오늘 다뤄볼 위젯은 AlertDialog이며 플러터에서 팝업창을 띄울 때 많이 사용되는 위젯으로 바로 예제 실습으로 들어가 보겠습니다. 먼저 GestureDetector의 onTap 같이 탭을 인식하는 속성을 가진 위젯을 사용해서 AlertDialog를 띄워보도록 하겠습니다. GestureDetector 위젯을 만들어주고 onTap으로 탭을 했을 때, 그 탭의 기준은 child의 Container 위젯입니다. 34번째 onTap의 내부를 작성한 모습입니다. AlertDialog를 나타내기 위해서는 showDialog 호출이 필요하며 context, builder 등의 속성을 명시해주어야 합니다. 37번째의 barrierDismissible: ..