![]()
Overview. 이번에는 화면 이동을 위한 Routes 한마디로 네비게이터 경로 사용법을 알아봅시다. 화명 이동을 위한 Routes 이란? 명명된 네비게이터 이동 방식 1. 화면 이동을 위한 Routes 이란 모바일 앱은 종종 많은 수의 경로를 관리하며 이때 이름으로 참조하는 것이 가장 쉽습니다. 규칙에 따라 경로이름은 경로와 유사한 구조 (예 : '/a , /b , /c ')를 사용합니다. 이렇게 이름을 만들어서 routing 하는 방식을 명명된 네비게이터 경로 사용법이라고 합니다. 명명된 네비게이터 이동 방식 단순 객체를 이동하는 방식 라이브러리 사용하는 방식 방식이 있습니다. 2. 명명된 네비게이터 경로 방식 import 'package:class_login_app/pages/home_page.d..
![]()
https://www.designer-note.com/design-color-role/ [Design] 중요한 디자인 구성요소에는 중요한 컬러를 적용 – 비전공자를 위한 디자인 노트 이전 ‘비전공자를 위한 디자인 TIP! 01. 컬러와 폰트는 1~2개만 사용하자!‘와 ‘비전공자를 위한 디자인 TIP! 02. 레이아웃, 중요한 요소는 처음에, 크게 그리고 튀게!‘에서 중요한 역할을 하는 디 www.designer-note.com https://www.designer-note.com/category/design/ Design – 비전공자를 위한 디자인 노트 본문에 사용하면 가독성을 낮아지게 하는 폰트의 종류로는 필기체, 탈네모꼴, 이탤릭체(기울임꼴), 볼드체가 있습니다. 본문에 ‘고딕체 Regular’를 사..
![]()
🤝 문서 https://medium.com/flutter-korea/flutter%EC%9D%98-null-safety-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-dd4ee1f7d6a5 flutter의 null safety 이해하기 flutter를 이루고 있는 dart의 null safety에 대해 알아보겠습니다. medium.com 💪 들어가며 Flutter web stable 버전 출시와 더불어 Flutter 2.0의 가장 큰 변화는 Flutter 프로젝트에 null safety를 적용한 것이라 생각합니다. null safety가 무엇이고 어떻게 적용하는지 알아보겠습니다. 👋 null safety란 null safety는 말 그대로 null 에게서 안전한 프로그램 코드를 작성하..
![]()
객체지향 프로그래밍 설계시 좋은 객체지향 설계를 위한 SOLID 라고 불리는 5가지 원칙이 있다. SOLID 원칙은 소프트웨어를 설계함에 있어 이해하기 쉽고, 유연하며, 유지보수 및 확장이 편하다는 장점이 있다. 1. SRP(Single responsibility principle) : 단일 책임 원칙 2. OCP(Open-closed principle) : 개방-폐쇄 원칙 3. LSP(Liskov substitution principle) : 리스코프 치환 원칙 4. ISP(Interface segregation principle) : 인터페이스 분리 원칙 5.DIP(Dependency inversion principle) : 의존관계 역전 원칙 1. SRP - 단일 책임 원칙 한 클래스는 하나의 책임..
https://api.flutter.dev/flutter/material/InkWell-class.html InkWell class - material library - Dart API A rectangular area of a Material that responds to touch. For a variant of this widget that does not clip splashes, see InkResponse. The following diagram shows how an InkWell looks when tapped, when using default values. The InkWell widget must have a Mate api.flutter.dev
![]()
OverView AspectRatio ClipRRect 1. AspectRatio AspectRatio로 이미지 비율 정하기 특정 종횡비로 자식 크기를 조정하는 위젯입니다. 이미지를 화면에 표시할 때는 비율로 표시하는 것이 좋습니다. AspectRatio 위젯은 먼저 레이아웃 제약에서 허용하는 가 장 큰 너비를 시도합니다. 위젯의 높이는 지정된 가로 세로 비율을 너비에 적용하여 결정되며 너비와 높이의 비율로 표 현됩니다. 예를 들어 넓이가 300이고 높이가 600인 화면이 있을 때 이 미지에 AspectRatio 위젯을 적용하여 비율을 2/1로 주게 되 면 넓이 300의 비율이 2가 되기 때문에 높이는 300의 절반 인 150이 됩니다. children: [ AspectRatio( aspectRatio:..
![]()
Overview Listview 에 대해 알아보자 ListView 사용시 주의점 1. ListView 만약 Column 위젯을 쓰다가 overflow 문제가 발생하게 됬다면? ListView 위젯을 활용하여 세로 스크롤 달기 ListView는 가장 일반적으로 사용되는 스크롤 위젯입니다. 스크롤 방향으로 자식을 차례로 표시합 니다. ListView를 사용하여 가로축으로 스크롤을 할 수 있고, 세로축으로 스크롤할 수 있습니다. Column을 ListView로 변경하고 crossAxisAlignment 속성을 제거합니다. ListView의 자식들의 기본 정렬은 왼쪽 정렬입니다. 이전 화면 바뀐 화면 2. ListView 를 사용할 시 주의점 💡 Expanded 위젯이나 Spacer 위젯은 화면의 남은 공간만큼..
Overview. Row 와 Column 위젯에는 주축 방향 과 교차축방향이 있다. MainAxisAlignment , CrossAxisAlignment Row 위젯 Column 위젯 1. MainAxisAlignment , CrossAxisAlignment MainAxisAlignment 는 주축방향을 말하며 CrossAxisAlignment는 교차축 방향을 뜻한다. 대표적으로는 Row 와 Column 위젯에 있으며 다음과 같다. 주축 방향이 가로이면 가로로 center , start , end 를 지정할 수 있고, 교차축 방향이 세로이면 세로로 center , start , end 를 지정할 수 있다. 2. Row 위젯 Row 위젯 의 주축 방향은 가로이며 , 교차축 방향은 세로다. 한마디로, 자식이..
![]()
Overview. 기본적인 폰트를 맞출 수 있는 사이트 소개, 적용법 사이트 pubspec.yml 적용하기 1. 사이트 아무 폰트나 다운받아서 ttf 파일을 2번 과 같이 넣어줍니다. https://fonts.google.com/selection/next-steps Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. pubspec.yml 아래와 같이 맞춤니다. 저희는 family 레벨의 옆 이름을 사용해 적용할 수 있습니다. ... # To add custom fonts to your application, add a fonts section here, # in this ..
Overview. 다트에서 제공하는 컬렉션 List , Map , Set 을 지원한다. List Map Set 1. List 자료구조 List는 데이터의 중복이 가능하고 순서가 있는 자료를 담는 컬렉션입니다. 자료는 순차적으로 index(번호)를 생성하여 쌓이게 됩니다. 이때 타입을 사용하게 되는데 제네릭 타입이라고 합니 다. 제네릭 타입이 처음인 분들은 크게 신경 쓰지 않아도 됩니다. 이유는 Dart는 타입 추론을 제공하 기 때문에 var로 선언할 수 있습니다. 모든 인덱스 번호는 0번부터 시작합니다. 결론 : 타입 지정 또는 추론을 지원한다. 타입 지정 List nums = [1,2,3,4]; 타입 추론 var nums = [1,2,3,4]; 인덱스 연산자를 활용해 값을 꺼낼수 있습니다. print(..
![]()
참조 문서 https://yozm.wishket.com/magazine/detail/2077/ 자바 어댑터 패턴은 어떻게 쓰일까? | 요즘IT 이번 글을 시작으로 실제 자바 프로젝트에서 디자인 패턴을 어떻게 사용하는지 정리하고자 합니다. 첫 번째 주제로 자바 라이브러리와 프레임워크에서 자주 쓰이는 어댑터 패턴(Adapter Pattern)에 yozm.wishket.com 어댑터 패턴 어댑터 패턴은 한 클래스의 인터페이스를 클라이언트가 기대하는 다른 인터페이스로 변환하는 패턴입니다. 이를 통해 인터페이스 호환성 문제를 해결할 수 있습니다. (구조패턴) 1) 어댑터 패턴 정의 어댑터 패턴(Adapter Pattern)은 호환되지 않는 인터페이스들을 연결하는 디자인 패턴을 말합니다. 이 패턴은 기존의 클래스를..
빌더 패턴 빌더 패턴을 사용하면 복잡한 객체를 다양한 방식으로 조립할 수 있습니다. 클라이언트 코드는 필요한 부분만 선택하여 구성할 수 있습니다. 가독성 향상 - 빌더 패턴은 생성자에 많은 매개변수가 있는 복잡한 객체를 생성할 때 특히 유용합니다. 각 매개변수의 의미를 명확하게 파악하기 어렵고 코드를 읽는데 어려움이 있을 수 있는데, 빌더 패턴을 사용하면 이러한 문제를 해결할 수 있습니다. 불변성 유지 - 빌더 패턴을 사용하면 객체의 불변성을 유지하는 것이 더 쉬워집니다. 모든 매개변수를 생성자에 전달하고, 이후에는 객체의 상태를 변경하지 않도록 할 수 있습니다. 물론 setter 를 만들어 주면 상태 변경 가능 유연성 - 빌더 패턴을 사용하면 객체를 생성하는 과정을 단계별로 분리할 수 있습니다. 이는 ..
