물에 살고싶은 개발자

🔍 결론:ListView는 간단한 리스트를 구현할 때 적합하며, ListView.builder는 아이템의 수가 많을 때 성능을 최적화하기 위해 사용됩니다. 수영장을 생각하면서 각각의 장단점을 살펴보겠습니다. 일반적인 스크롤뷰나 반복문 🔸 사용법:SingleChildScrollView나 ListView 위젯을 사용하여 리스트를 출력합니다. SingleChildScrollView는 스크롤 가능한 위젯을 감싸는 데 사용되며, ListView는 리스트를 출력하는 데 사용됩니다. for문이나 map 함수를 사용하여 리스트의 아이템을 생성합니다. ListView( children: [ ListTile(title: Text('Item 1')), ListTile(title: Text('Item 2')), // ... ..

안녕하세요! 오늘은 플러터로 만든 앱을 안드로이드 앱스토어에 올리는 방법에 대해 알아보겠습니다. 초보자도 쉽게 따라할 수 있도록 단계별로 설명해드릴게요! 1. 앱에 디지털 서명하기 먼저, 앱에 디지털 서명을 해야 합니다. 이는 앱의 보안을 위한 중요한 단계에요. 방법: 윈도우에서: 명령 프롬프트를 열어서 아래의 명령어를 입력합니다. keytool -genkey -v -keystore key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 맥에서: 터미널을 열어서 아래의 명령어를 입력합니다. keytool -genkey -v -keystore key.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 100..

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

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는 특정 크기의 공간을 생성하거나 자식 위젯의 크기를 제한하는 위젯입니다. ..

이 글은 플러터 프로젝트 생성 및 세팅을 위한 글임을 사전에 밝히고 노마드코더 영상을 참고해 작성한 글임을 밝힙니다. 윈도우10을 기준으로 작성되었으므로 맥 환경에선 약간 다를수도 있습니다. dart,flutter,vscode는 설치에 대한건 공식홈페이지에 잘 나와있기에 패스. 1. vscode 익스텐션 및 세팅 익스텐션 추가 vscode를 깔고나면 익스텐션으로 가서 dart와 flutter 익스텐션을 추가해주자. 없다고해서 못할건 아닌데, 플러터 익스텐션이 엄청난 도움을 주므로 추가하는걸 강력추천함. vscode 세팅 일단 커맨드 플레이트를 열고(단축키 컨트롤+쉬프트+A) user sertting 이라고 치면, open user setting (JSON) 을 선택그 후 아래 두가지를 추가해준다. fix..