# dart

228개의 포스트
post-thumbnail

Dart - SilverAppBar

앱에 스크롤이 될 때마다 형태가 바뀌거나 사라지게 할 수 이있는 에니메이션 헤더를 설정할 때 SilverAppBar로 설정할 수 있다.다양한 설정 가능한 속성들이 있는데, 예시 코드를 통해 살펴보자.우리는 평소 appBar만 설정했을 때와는 다르게 움직임 변화가 있는

약 1시간 전
·
0개의 댓글

Dart - Scaffold

발판이라는 뜻으로 기본 material design 비주얼 레이아웃 구조를 구현할 수 있는 클래스이다.body와 appBar, floatingActionButton 다양한 위젯들을 설정할 수 있다.

약 2시간 전
·
0개의 댓글
post-thumbnail

Dart - Drawer

앱에서 메뉴 부분을 보여줄 때 자주 확인할 수 있으며, 밑에 예시 화면과 같이 화면에 보여진다.결과 화면Drawer을 없애는 방법은 윈쪽으로 스와이프 하거나 네비게이터를 사용할 수 있다.네비게이터 사용 방법

약 7시간 전
·
0개의 댓글
post-thumbnail

Dart - BottomNavigationBar

우선 화면 아래에 있는 appBar을 bottomBar라고 합니다. 이 bottomBar를 사용할 때 Scaffold의 속성에 있는 bottomNavigationBar를 사용하여 디자인할 수 있다.1.BottomNavigationBar통해 리스트 형태로 BottomNa

약 8시간 전
·
0개의 댓글
post-thumbnail

Dart - AppBar

AppBar은 A material design app bar. 다시 말해 앱의 상단 제목 줄을 의미한다.flesibleSpace에 대해서는 SliverAppBar에 나와있습니다.예시 코드와 결과를 확인하자

약 9시간 전
·
0개의 댓글

Dart - Warp

줄과 행을 사용하여 위젯을 배치할 때 우리는 때때로 공간이 부족했던 적이 있을 것이다. 이럴 때 사용하면 좋은 것이 Warp기능이다. Warp은 줄과 행을 사용하는 것 처럼 자식을 한 번에 하나씩 배치해주는 기능이다. 공간이 부족할 경우 알아서 다음 칸으로 넘아가는 기

약 14시간 전
·
0개의 댓글
post-thumbnail

Dart - Table

Table은 GridView와 마찬가지로 격자구조를 만들어주지만 스크롤 기능은 없는 화면을 만들 때 사용할 수 있는 클래스이다.크기가 서로 다른 위젯들을 설정할 때 사용자가 직접 열과 행의 크기를 지정해 만들 필요가 없다는 장점이 있다. 또한 위젯을 수직으로 정렬할 수

약 14시간 전
·
0개의 댓글
post-thumbnail

Dart - Stack

box의 가장자리를 기준으로 자식 위치를 지정하는 Widget이다.이 클래스는 간단한 방법으로 여러 자식을 중복하여 다른 Widget위에 덮어야하는 경우에 유용하게 쓰일 수 있다Column, Row을 사용하듯 배치하고자 하는 Widget들을 Stack으로 감싸주는 형식

약 23시간 전
·
0개의 댓글

Dart - Row

자식을 수평 배열로 표시하는 위젯이다.행 위젯 은 스크롤되지 않습니다(일반적으로 사용 가능한 공간에 맞는 것보다 행 에 더 많은 자식이 있는 것은 오류로 간주된다. ). 위젯 라인이 있고 공간이 부족한 경우 스크롤할 수 있게 하려면 ListView를 사용하는 것을 추천

약 23시간 전
·
0개의 댓글

Dart - ListView

스크롤이 가능한 리스트외 항목들을 설정할 떄 사용할 수 있다. ListView를 통해 스크롤되는 방향으로 자식 요소를 설정하여 화면에 나타나게 만들 수 있다. 스크롤이 가능한 위젯으로 가장 많이 사용된다.scrollDiretion을 통해 list를 수평적, 수직적으로

약 24시간 전
·
0개의 댓글

Dart - ListBody

주어진 방향으로 자식들을 순차적으로 배열하는 위젯이다. 다른 방향에서는 부모차원에서 자식들을 강제 실행하는 위젯이다.. 이 위젯은 거의 사용되지 않는다.스크롤 기능을 설정할 때 (ex:ListView사용) \-> ListBody를 사용해 위젯을 만들면 column을 사

어제
·
0개의 댓글

Dart - LayoutBuilder

빌드 방식을 사용하면서 Widget의 크기를 확인하고 지정하고 싶을 때 우리는 LayoutBuilder을 사용하여 Widget의 크기를 지정하여 준다.예시 코드저는 layoutBuild를 TextField와 같은 기능을 통해 값을 입력 받을 떄 입력 받은 내용의 크기에

어제
·
0개의 댓글

Dart - GridView

GridView란? 행과 열이 복잡한 Layout을 만들 때 사용할 수 있는 class이다. listVeiw처럼 항목들을 스크롤할 수 있다는 장점이 있다. 어떻게 생성할까? GridView는 GridView.builder 와 GridView.count 를 통해 사용

어제
·
0개의 댓글

Flutter 계산기 과제

플러터로 계산기 만들었다

어제
·
0개의 댓글

Dart - Flow

flow란? FlowDelegate 의 논리에 따라 children의 크기와 위치를 효율적으로 지정하는 위젯이다. flow layout은 변환 행렬을 사용하여 children의 위치를 변경하는 데 최적화되어 있다. > 모두 비슷하게 움직이는 Widget 목록의 애니메

어제
·
0개의 댓글

Dart- CustomMultiChildLayout

delegate를 사용하여 여러 Children의 크기와 위치를 지정하는 위젯입니다. 여러 위젯의 크기와 위치 사이에 복잡한 관계가 있는 경우에 상요에 적합하다.CustomMultiChildLayout 안에 children에서 id 설정을 통해 layout을 정하는 예

어제
·
0개의 댓글

Dart 언어 문법 정리 두번째 이야기

지난 Dart 언어 문법 1편에서는 데이터 타입을 명시하는 자료형, 계산하는 연산자, 그리고 코드를 간편히 설명하는 주석에 대해서 알아보았습니다.이번시간에는 자료형을 묶어놓는 enum, class 그리고 검사하는 is 키워드, 자료형을 변환하는 형변환 키워드인 as에

3일 전
·
0개의 댓글

Dart 언어 문법 정리 첫번째 이야기

플러터(Flutter)를 이용하여 앱 한 번 만들어 볼까? 라는 상상 속에 공부를 하였지만, 군대 내에서의 장벽에 막혀 문법 정리로만 공부를 마치려고 합니다.Swift 개발자로 IOS 개발을 해왔었는데, Native 성능을 갖추면서 Android와 IOS Applica

3일 전
·
0개의 댓글
post-thumbnail

[Flutter] dart 문법 공부 및 사용하면서 느낀 점들(2)

Flutter의 유용하게 쓸 수 있었던 기능들💎🍫🔥🍫💎

4일 전
·
0개의 댓글
post-thumbnail

Util | N월 N주차(몇주차) 구하기

n월 n주차 프로젝트 진행 중 월 주차를 구해야되는 기능이 있어서 시작했습니다. 보통 매월 1일이 있는 주를 1주로 계산하고 있었는데 월별 주차를 구하는 방법에도 국제 기준이 있다고 합니다. > 국제 표준 ISO-8601에 따르면 매주의 시작일은 월요일이며, 매월의 첫

2022년 1월 14일
·
0개의 댓글