모바일개발/플러터 검색 결과
20 개의 검색 결과가 있습니다.
모바일개발/플러터

[flutter] 플러터 if문 switch문 사용하기(즉시 실행 함수 표현식)

플러터 코딩을 하다 보면 if문이나 switch문을 쓰고 싶을 때가 있습니다. 하지만 삼항 연산자 대신에 if문을 쓰려고 하면 에러가 나는 경우가 있습니다. 플러터에서 if과 switch문을 쓰는 법에 대해 알아보겠습니다. 삼항 연산자를 쓰는 경우(정상 사용 가능) class HelloScrren extends StatelessWidget { const HelloScrren({ Key? key }) : super(key: key); @override Widget build(BuildContext context) { const ko = 'ko'; return Scaffold( appBar: AppBar(title: const Text('test')), body: const Center( child: ( k..

2022. 3. 24. 15:48
모바일개발/플러터

[flutter] 플러터 BuildContext 와 of 메소드

buildContext에 대해 알아보고, of 메소드를 사용해서 Element 트리를 탐색하는 방법을 알아보도록 하겠습니다. BuildContext 플러터에서 자주 사용되는 메소드중 하나는 build입니다. build메소드의 인수에 BuildContext를 가지고 있습니다. 'context'란 문맥이란 의미입니다. 'context'는 그 대상이 놓인 전후 관계나 환경이나 조건 등의 문맥을 가리키고 있습니다. 그렇다면 Flutter에서 문맥은 무엇을 가리키는 걸까요? 결론을 말하자면 Widget 트리의 부모와 자식 관계가 됩니다. 다시 말해 'context'는 부모 Element에 대한 참조입니다. of 메소드, 부모 위젯 찾기 현재 위젯에서 조상 위젯으로 거슬로 올라가고 싶을 때가 있습니다. 이럴 때 사..

2022. 3. 22. 20:03
모바일개발/플러터

[flutter] 플러터 위젯 Key 쓰는 이유, Key 종류

플러터 앱에서 위젯 Key를 왜 사용하는지, 또 어디에서 쓰이는지, Key의 종류는 어떤 것이 있는지 알아보도록 하겠습니다. Key 란 key는 무엇일까요? 키는 위젯 트리에서 위젯이 움직일 때마다 현재 상태를 보존하는 역할을 합니다. key는 주로 Element가 Widget을 식별하는 데 사용합니다. *Widget 트리와 Element 트리에 관한 설명은 아래 포스트를 참고해 주세요. [flutter] 플러터 Widget 트리, Element 트리, RenderObject 트리 트리와의 관계를 간단히 짚어보겠습니다. Widget 트리가 빌드되면 그 뒤에 Element트리가 생성됩니다. Widget 트리가 재구성되면 Widget 자체는 폐기 및 재구성되며 Element는 기본적으로 재사용됩니다. 그리고..

2022. 3. 21. 21:17
모바일개발/플러터

[flutter] 플러터 Widget 트리, Element 트리, RenderObject 트리

플러터는 위젯 트리로 구축된다는 이야기는 잘 알려져 있지만 단순히 Widget 트리 구조만으로 플러터의 화면이나 요소가 만들어지는 건 아닙니다. 위젯 트리 외에도 Element 트리, RenderObject 트리가 존재합니다. 이 세 개의 트리가 어떤 관계가 있는지 알아보겠습니다. Widget, Element, RenderObject 세 가지 트리로 분리하는 이유 세 개의 트리로 나누는 목적은 결론적으로 말하면 퍼포먼스 최적화입니다. 플러터는 위젯으로 관리되며 그 위젯들은 자주 재구성됩니다. 위젯들은 상태를 가지고 있으며 화면에 표시되기 위해서는 사이즈나 레이아웃에 맞춰 조절도 필요하게 됩니다. 하나의 트리로 관리하다면 단순해져서 이해는 편하겠지만, 트리구조의 특징 때문에 가까운 위젯이 바뀐 경우 그 자..

2022. 3. 20. 01:30
모바일개발/플러터

[flutter] 플러터를 위한 다트(Dart) 기초 문법 정리2

지난 글에 이어서 다트의 기초 문법을 알아보겠습니다. 조건문, 반복문 예외처리에 대해 정리해보도록 하겠습니다. 조건문 if문 if(조건식) { } 지정한 조건식이 참일 때 처리합니다. void main() { int number = 10; if (number >= 5) { print('５이상'); } } if else 문 if(조건식){ 조건식이 참일때 처리 } else{ 조건식이 거짓일때 처리 } 조건식이 참, 거짓일 경우에 대해 각각 처리합니다. void main() { int number = 4; if (number >= 5) { print('５이상'); } else { print('5 미만'); } } switch문 switch(식){ case 값1: 처리1 break; case 값2: 처리2 b..

2022. 3. 18. 12:23
모바일개발/플러터

[flutter] 플러터를 위한 다트(Dart) 기초 문법 정리1

플러터는 Dart(다트)라는 언어로 작성합니다. 처음 플러터를 시작하려고 할 때 다트라는 언어를 또 배워야 한다는 것이 걸림돌이 된다고 생각합니다. 하지만 다른 언어를 한 번이라도 해본 경험이 있다면 무리 없이 따라갈 수 있는 언어입니다. 다트 문법을 빠르게 포인트만 정리해보도록 하겠습니다. main 함수 main함수는 앱이 시작되는 곳, 즉 처음에 호출되는 함수입니다. main 함수에 작성한 코드가 순서대로 실행됩니다. void main() { print("Hello World"); } print 함수 콘솔에 출력을 할 수 있습니다. 자바스크립트 console.log와 같은 기능입니다. void main(){ String hi = '안녕하세요'; print(hi); } 변수 종류 다트에는 변수형은 in..

2022. 3. 17. 14:19