Flutter는 뛰어난 성능과 부드러운 애니메이션을 제공하는 UI 프레임워크입니다. 이러한 성능을 유지하기 위해 내부적으로 렌더링 파이프라인을 활용하는데, 이 과정은 크게 Build → Layout → Paint 단계로 나뉩니다.이번 글에서는 그중에서도 첫 번째 과정인 Build 단계에 대해 자세히 알아보겠습니다. 이 단계에서는 화면을 구성하는 위젯 트리(Widget Tree) 를 생성하며, 상태 변화가 발생할 때마다 빌드가 다시 실행됩니다.1. Flutter의 렌더링 파이프라인Flutter에서 UI가 화면에 표시되는 과정은 다음 세 단계로 진행됩니다.Build 단계: 위젯 트리를 생성하고 업데이트하는 단계입니다.Layout 단계: 위젯의 크기와 위치를 계산하는 과정입니다.Paint 단계: 실제 화면에 ..

참고: https://flutter-ko.dev/docs/cookbook/testing https://mangkyu.tistory.com/182 [TDD] 단위 테스트와 TDD(테스트 주도 개발) 프로그래밍 방법 소개 - (1/5) 이번에는 여러 개발 서적들 및 실무 경험 그리고 시행 착오 등을 겪으면서 얻은 테스트 주도 개발 방법에 대해 소개해보고자 합니다. 이번 포스팅에서는 먼저 단위 테스트와 중요성 그리고 단위 mangkyu.tistory.com 플러터에서는 어떤 테스트 방법이 있을까? 플러터에서는 크게 Unit test, Widget test, Integration test 로 나누어져 있습니다. 공통 먼저, test 라이브러리를 import해주기 위해 flutter/pubspec.yaml 에 해..

2.이메일과 주민번호 테스트하기 2.1 테스트 예제 - 주민번호 확인하기 ( social security number validator ) 주민 번호는 앞에는 생년월일, 뒤에는 성별 및 주소로 되어 있죠. 이를 확인하는 정규표현식을 작성해 보겠습니다. field_validator.dart class FieldValidator { static bool validateSocialSecurityNumber(String input) { if (input.isEmpty) return false; ​ Pattern pattern = r'^[0-9]{2}(0[1-9]|1[0-2])(0[1-9]|[12][0-9]|[3][01])-([1-4][0-9]{6})'; RegExp exp = RegExp(pattern); ​ ..

ListView Flutter의 ListView 위젯은 스크롤 가능한 항목 목록을 표시하는 데 사용된다. 한 번에 화면에 맞지 않는 많은 수의 항목을 표시하는 데 사용할 수 있다. ListView 위젯은 세로 및 가로 스크롤을 모두 지원하며 앱의 요구 사항에 맞게 사용자 지정할 수 있다. 'ListView' 위젯은 빌더 함수, 위젯 목록 또는 'SliverChildListDelegate'를 비롯한 다양한 방법을 사용하여 항목으로 채워질 수 있다. 빌더 기능은 일반적으로 데이터베이스 또는 웹 서비스와 같은 일부 데이터 소스를 기반으로 목록 항목을 동적으로 생성해야 하는 경우에 사용된다. ListView 위젯은 바운싱 또는 스냅과 같은 다양한 스크롤 동작도 지원합니다. scrollDirection, item..

runApp() runApp 함수는 Flutter 애플리케이션을 실행하는 데 사용되는 최상위 함수. runApp 함수는 애플리케이션의 루트 위젯인 단일 매개변수를 사용. 이 루트 위젯은 앱의 최상위 위젯이며 앱의 다른 위젯을 만들고 관리하는 역할. Widget 위젯 Flutter에서 위젯은 사용자 인터페이스의 기본 구성 요소 버튼, 텍스트 필드, 이미지 등과 같은 앱의 시각적 및 대화형 요소를 정의하는 데 사용 위젯은 웹 개발에서 HTML 요소와 동일하다고 생각할 수 있다 StatelessWidget StatelessWidget은 일단 생성되면 모양이나 동작을 변경할 수 없는 위젯 유형 사용자 인터페이스의 기본 빌딩 블록이며 시간이 지남에 따라 상태나 변경 사항에 의존하지 않는 재사용 가능한 구성 요소를..

yaml 또는 yml YAML(YAML Ain't Markup Language)은 소프트웨어 애플리케이션의 구성 파일에 일반적으로 사용되는 사람이 읽을 수 있는 데이터 직렬화 언어. YAML 파일을 작성할 때 파일이 잘 구조화되고 쉽게 읽고 유지 관리할 수 있도록 몇 가지 규칙을 따르는 것이 중요. 규칙 들여쓰기 사용: YAML 파일은 들여쓰기를 사용하여 중첩 구조를 정의한다. 두 개의 공백을 사용하여 각 수준의 들여쓰기를 파일 전체에서 일관성 있게 들여쓴다. 적절한 구문 사용: YAML에는 데이터 유형을 정의하기 위한 특정 구문이 있다. 키-값 쌍을 정의하려면 "key: value" 형식을 사용 목록 항목을 나타내려면 "-" 형식을 사용 여러 줄 문자열은 "\n" 형식을 사용 문자열에 따옴표 사용: 특..

함수 함수 사용의 장점 코드 중복을 줄인다. 코드가 더 명료해진다. 코드의 재사용성이 좋아진다. 복잡한 문제를 간단한 부분으로 쪼갤 수 있다. 정보를 숨긴다. main() 함수 main() 함수는 프로그램의 시작점, 진입점 함수이다. 이름 있는 일반 함수 정의 int add(int x, int y) { return x + y; } 화살표(Arrow) 함수 화살표 함수는 함수의 몸통(body)이 하나의 수식(expression)인 경우 중괄호({})와 return 키워드를 생략하고 간단히 쓸 수 있는 표기법이다. int add(int x, int y) => x + y; 필수 매개변수와 옵션 매개변수 필수 매개변수 단순히 매개변수에 어떤 괄호도 치지 않고 그냥 나열하면 필수 매개변수이다. 옵션 위치(Posi..