물에 살고싶은 개발자

Flutter에서는 ColorScheme 클래스를 사용하여 앱의 주요 색상 팔레트를 정의할 수 있습니다. 이 클래스는 앱의 다양한 UI 요소에 사용될 색상들을 일관되게 관리할 수 있게 도와줍니다. 주요 항목들: Primary: 앱의 주요 색상으로, 버튼, 아이콘, 탭바 등 주요 UI 요소에 사용됩니다. Secondary: 보조 색상으로, 강조하고자 하는 요소나 액센트 색상으로 사용됩니다. Surface: 카드, 대화 상자, 모달 등의 표면에 사용되는 색상입니다. Background: 앱의 배경 색상이나 페이지 배경 등에 사용됩니다. Error: 에러를 나타내는 색상으로, 잘못된 입력값을 가진 TextField의 테두리 색상 등에 사용됩니다. OnPrimary, OnSecondary, OnSurface, ..

테스트 주도 개발(TDD)은 소프트웨어 개발의 핵심 원칙 중 하나로, 코드를 작성하기 전에 테스트를 먼저 작성하는 방식을 의미합니다. 이 방식은 코드의 품질을 높이고, 버그를 줄이며, 리팩토링을 용이하게 합니다. 플러터에서도 TDD를 적용할 수 있으며, VSCode를 사용하면 테스트를 더욱 쉽게 실행할 수 있습니다. VSCode에서 플러터 테스트 실행하기 Dart와 Flutter 확장 프로그램 설치: 플러터 개발을 위해 VSCode에서 Dart와 Flutter 확장 프로그램을 설치해야 합니다. 이 확장 프로그램은 VSCode 마켓플레이스에서 쉽게 찾을 수 있습니다. 테스트 코드 열기: 작성한 테스트 파일을 VSCode에서 엽니다. 'Run' 및 'Debug' 버튼 사용: 테스트나 그룹의 정의 바로 위에 ..

1. 테스트 파일 플러터 프로젝트에서는 테스트를 위한 별도의 디렉토리와 파일이 제공됩니다. 일반적으로 test 디렉토리 아래에 테스트 파일들이 위치하며, 이 파일들은 _test.dart로 끝나는 이름을 가집니다. 이러한 테스트 파일들에는 앱의 다양한 부분을 테스트하는 코드가 포함되어 있습니다. 2. 테스트의 기본 구조 group(): 테스트 케이스들을 그룹화합니다. 그룹 내부에 또 다른 그룹이나 테스트를 넣을 수 있습니다. test(): 실제 테스트 케이스를 정의합니다. expect(): 실제 값과 예상 값이 일치하는지 확인합니다. group('String Test', () { test('String.split() splits the string on the delimiter', () { var stri..

Flutter 웹 애플리케이션을 개발하면서 항상 동일한 포트에서 앱을 실행하고 싶다면, VS Code의 설정을 통해 쉽게 고정할 수 있습니다. VS Code를 열고, 좌측 하단의 기어 아이콘(설정)을 클릭하거나, 상단 메뉴에서 파일 > 설정으로 접근할 수 있습니다. 윈도우의 경우 Ctrl + , 단축키를 통해서도 설정에 빠르게 접근할 수 있습니다. 상단의 검색창에 Dart: Flutter Run Additional Args를 입력합니다. 나타나는 설정 항목에서 Add Item을 클릭합니다. 입력창에 --web-port=원하는포트번호 (예: --web-port=7789)를 입력하고 OK버튼을 클릭 또는 엔터를 칩니다. 이제 Flutter 웹 애플리케이션을 실행할 때마다 지정한 포트에서 앱이 실행됩니다.

Flutter에서 레이아웃을 디자인하면서 마진, 패딩, 그리고 FractionallySizedBox는 자주 사용되는 중요한 위젯입니다. 이 세 가지 위젯을 어떻게 사용하고, 어떻게 조합할 수 있는지 알아보겠습니다. 마진 (Margin) 마진은 위젯 주위의 빈 공간을 생성합니다. Container 위젯의 margin 속성을 사용하여 마진을 적용할 수 있으며, 다양한 방향과 크기로 마진을 설정할 수 있습니다. 모든 방향에 동일한 마진 적용: Container( margin: EdgeInsets.all(16.0), child: Text('All sides margin'), ) 특정 방향에만 마진 적용: Container( margin: EdgeInsets.only(left: 16.0), child: Text(..

Flutter는 다양한 위젯을 제공하여 모바일 앱 개발을 더 쉽고 유연하게 만들어줍니다. 이 포스트에서는 Flutter의 주요 위젯들에 대해 알아보겠습니다. 1. Container Container는 단일 자식 위젯을 감싸고, 여백, 패딩, 테두리, 배경색 등을 적용할 수 있는 유연한 위젯입니다. 자식 위젯: 단일 자식 위젯을 스타일링 패딩과 여백: 공간 조절 테두리와 배경색: 디자인 요소 적용 2. Expanded Expanded는 부모 위젯의 사용 가능한 공간을 최대한 차지하도록 자식 위젯을 확장시키는 위젯입니다. 공간 확장: 사용 가능한 공간을 균등하게 나눔 유사한 위젯: Flexible 3. SizedBox SizedBox는 특정 크기의 공간을 생성하거나 자식 위젯의 크기를 제한하는 위젯입니다. ..

안녕하세요, 오늘은 Firebase Crashlytics를 이용하여 사용자 정의 로그와 키를 사용하는 방법에 대해 알아보겠습니다. 이 기능을 사용하면 앱에서 발생하는 문제를 더욱 효과적으로 추적하고 해결할 수 있습니다. Firebase Crashlytics란? Firebase Crashlytics는 실시간으로 앱의 안정성을 모니터링하고, 앱 충돌을 추적하며, 문제를 해결하는 데 도움이 되는 자세한 보고서를 제공하는 강력한 도구입니다. 이를 통해 개발자는 앱의 문제점을 신속하게 파악하고 개선할 수 있습니다. 사용자 정의 로그 및 키 사용 방법 Firebase Crashlytics를 이용하여 사용자 정의 로그와 키를 사용하려면 먼저 build.gradle 파일에 최신 버전의 Firebase Crashlyti..

Windows 11에서 작업 표시줄에 드리워진 그림자를 제거하는 방법을 공유합니다. 어느날 눈에 띈건지 갑자기 그렇게 된건지는 모르겠지만, 다른 프로그램의 창 아래에 그림자는 놔두고 작업표시물에 드리워져 어두워지는것만 없애고싶을때 사용하면 됩니다. Win + R을 눌러 실행을 엽니다. regedit을 입력하고 Enter를 눌러 레지스트리 편집기를 엽니다. (레지스트리 편집기에서 변경 사항을 만들 때는 주의해야 합니다. 시스템의 작동에 영향을 줄 수 있습니다) HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced로 이동합니다. Advanced 키를 우클릭하고, New를 선택한 다음 DWORD (32-bit) Value를 ..