수니의 개발새발

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Scaffold MatarialApp안에 디자인할 때 구조가 있는 도화지 appBar 속성: Scaffold 상단에 표시할 앱 바 (AppBar 위젯 사용) bady 속성: Scaffold의 기본 콘텐츠 AppBar material design의 앱 바 위젯 구조 Container 빈 박스 위젯 decoration 속성: 박스 색상, 모양, 테두리 선 변경 가능 (BoxDecoration 위젯 사용) BoxDecoration Box 를 그리는 다양한 방법을 제공 border 속성: Box border 색상, 굵기 borderRadius 속성: Box border 모..

final / const 둘 다 상수를 선언하는 키워드 final은 프로그램이 실행될 때(런타임 시점에) 값을 초기화 ex) final final DateTime now = new DateTime.now(); // final 은 런타임시점에 결정되는 값도 설정할 수 있다. print(now); // 2022-02-15 21:55:42.462 const는 컴파일 시점에 값을 초기화 ex) const const DateTime now = new DateTime.now(); // ERROR // const는 런타임시점에 결정되는 값을 설정할 수 없다. DateTime.now() 런타임 시점에 현재 시각을 구하는 함수 🙋🏻‍♀️ 참고 Dart 언어의 const vs final 의 차이

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Text style 속성: Text Style 설정 Text("Hello") Text("Hello", style: TextStyle(fontWeight: FontWeight.bold)) SafeArea 핸드폰 기기별로 조금씩 다른 StatusBar 영역에 여백을 넣어주는 위젯 Debug 배너 해제 CupertinoApp의 debugShowCheckedModeBanner를 false로 설정 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Cupertin..

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Spacer 위젯 사이의 간격을 조정하는 데 사용 Row( children: [ Text("Woman", style: TextStyle(fontWeight: FontWeight.bold)), Spacer(), Text("Kids", style: TextStyle(fontWeight: FontWeight.bold)), Spacer(), Text("Shoes", style: TextStyle(fontWeight: FontWeight.bold)), Spacer(), Text("Bag", style: TextStyle(fontWeight: FontWeight.bold)),..

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 Mac Android Studio에서 Flutter 프로젝트를 개발하면서 유용한 단축키 모음입니다. 제가 잊지 않기 위해 작성하는 포스팅입니다! 계속 새로운 것이 생길때마다 업데이트 예정입니다. 새로운 위젯으로 감싸기 위젯 커서 > option + Enter 자동 정렬 option + command + L 위젯 속성 위젯 커서 > command + 마우스 왼쪽 클릭 파일 찾기 (22.03.30) shift 2번 전체 찾기 (22.03.30) shift + command + f 찾아서 바꾸기 (22.03.30) shift + command + r

📌 이번 글은 Storyboard를 접근 코드를 Protocol로 정의하여, 필요한 곳에 사용하는 예제입니다. 코드에서 Storyboard, Xib를 접근하는 방법에 대한 포스팅입니다. [iOS/Swift] 코드에서 Storyboard, ViewController 접근 (instantiateViewController) 📌 이번 글은 코드에서 Storyboard와 ViewController를 접근하는 방법입니다. 👩🏻‍💻 예제 storyboardName : Storyboard 파일의 이름 storyboardId : Storayboard > ViewController의 id 코드에서 ViewContr.. sunidev.tistory.com StoryboardInstantiable Protocol 정의 pub..

📌 이번 글은 Xcode에서 Color Set을 사용하여 Custom Color를 관리하는 방법입니다. 1. Colors.xcassets Assets Catalog 생성 - Colors.xcassets 저는 Asset Catalog를 생성하여 Color Assets을 별도로 관리하고 있습니다. (디폴트로 생성된 Assets.xcassets 파일에 관리해도 무관합니다.) Color Set을 추가 Any Appearance 선택 > 오른쪽 Inspector 탭 확인 이곳에서 Color에 대한 작업이 이루어질 것입니다. Appearance 선택 프로젝트에서 Dark/Light 모드 대응 상황에 따라 선택합니다. 저는 다크모드를 사용하지 않을 것이기 때문에, None을 선택하였습니다. Input Method 선..

📌 이번 글은 Xcode 프로젝트에 SwiftGen 적용 방법입니다. 이번에 토이 프로젝트에 SwiftGen을 적용하면서, 굉장히 유용한 라이브러리 같아 정리해봅니다. SwiftGen - 프로젝트 리소스(예: images, localised strings 등)에 대한 Swift Code를 자동으로 생성하여 사용하기에 안전한 유형으로 만드는 도구입니다. 1. 프로젝트에 SwiftGen 설치 GitHub - SwiftGen/SwiftGen: The Swift code generator for your assets, storyboards, Localizable.strings, … — Get rid of all S The Swift code generator for your assets, storyboards,..