취미노트/코딩공부21 [flutter] 05 화면 구성의 시작 2, 기초 위젯 -해볼 것-font 적용ContainerWidget 활용Icon출력Card, ListTile Widget 1. FONT 적용하기앞선 실습 기준으로, MyContainer에서 이미지가 출력되던 MyApp 위젯으로 다시 돌아가자.runApp에서 바꿔주면 된다. 세로로 이미지나 텍스트를 배치할 것이므로 Column 위젯을 사용할 예정.먼저 body에 기존에 붙어있던 Center 이하를 잘라내기 한 뒤,Column을 넣고 컬럼의 Children 아래로 붙여넣어준다. @overrideWidget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Colors.black, appBar: App.. 2024. 8. 17. [flutter] 04 화면 구성의 시작 1, 기초 위젯 - 이번에 할 거 -핫 리로드와 핫 리스타트컨테이너 위젯컬럼, 로우 위젯안드로이드스튜디오의 인스펙터라는 도구 1. 핫 리로드와 핫 리스타트의 차이개발은 코드 넣고 화면 갱신해보고 이것의 반복 과정임. [번개버튼] 핫 리로드 - UI적 요소만 제한적 갱신, 빠른 대신 데이터 갱신 없음[세모버튼] 핫 리스타트 - 대부분 요소를 갱신 핫 리로드는 main 함수를 다시 실행시키지 않는다.이 때문에, 앞선 페이지에서 연습 했던 위 사진의 코드는 핫 리로드가 먹지 않는다.코드를 메인에서 분리하기 위헤 stateful 또는 stateless 위젯을 사용해야 한다. Statelesswidget : 빠른 속도Statefulwidget : 다양한 기능 위 코드는 Stateless widget으로 변환해볼 예정이다. 이 상.. 2024. 8. 15. [flutter] 03 앱 개발의 시작, 프로젝트 생성 새 프로젝트 만들기Organization : 내이름 등 유니크한걸로 넣어주자. 나중에 바꾸려면 번거로우니 주의. 첫 시작아래 코드를 입력하면 시뮬레이터에 사진과 같은 앱이 만들어진다. 플러터로 앱 만들기 첫 시작이다.void main() { runApp( MaterialApp(home:Scaffold(body:Center(child: Text('Hello Flutter'),),),) );} 우클릭, reformat with dart... 클릭시 다음과 같이 자동 정렬된다void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Text('Hello Flutter'), .. 2024. 8. 15. 따라하며 배우는 Flutter 앱 개발입문(6) List List란? 순서가 있는 데이터 컬렉션. - index라는 개념을 활용해서 데이터 요소에 접근할 수 있다. - 값들을 리스트업하고, 이 값들을 방법을 활용해 원하는 위치에서 가져오는 것 연습 // 리스트 생성 : 리스트 함수명 = [ 데이터 ]; List numbers = [ 1, //인덱스(배열순서)는 0부터 시작함 2, 3, 4, 5 ]; //데이터에 접근하기 void main() { print(numbers[4]) } 위 코딩을 Run 하면 결과물은 "5"가 출력된다. 인덱스는 0부터 시작하기 때문에 0 -> ... -> 4번째 위치한 데이터가 출력됨. //리스트(요소)에 데이터 추가하기 위 코딩결과에 뒤이어 numbers.add(6);을 한 뒤 print(numbers[5]);을 하고 나서 Run.. 2023. 12. 21. 따라하며 배우는 Flutter 앱 개발입문(5) 조건문과 반복문 조건문과 반복문은 제어문이다. 조건문은 if - else가 대표적이다. 1. if - else문 int age = 30; if (age == 10) { print("미성년자 입니다"); } 이상태로 만약 RUN하면 콘솔에 아무것도 출력되지 않는다. 왜냐하면 if문 괄호 안에 있는 조건이 true여야만 실행되기 때문이다. =(이퀄) 하나는 할당된다는 개념이다. 수학의 이퀄이 아니다. ==(이퀄 두개)는 비교의 개념이다. 좌,우가 같은지 비교하는 논리의 개념. 위 식에서 age == 10은 FALSE이므로 콘솔에 실행이 되지 않는다. age == 30으로 바꾸어주면 "미성년자 입니다"가 출력이 된다. int age = 30; if (age 2023. 12. 17. 따라하며 배우는 Flutter 앱 개발입문(4) 연산자와 표현식 1. 다트패드 팁 좌 상단에 위치한 format 버튼을 누르면? -> 자동으로 세로줄 정렬을 해줌 2. 산술연산자 +(덧셈) -(뺄셈) *(곱셉) /(나눗셈) %(나머지) ~/(몫) 3. 비교연산자 == (같음비교) > (크기비교) 4. 논리연산자 || (논리합, or : 둘중 하나만 사실이면 사실) && (논리곱, and : 둘 다 사실일 경우 사실) ! (논리부정, 원래의 반대로) 5. 할당연산자 += (기존 값에 추가로 더해서 할당한다) -= *= /= (나눗셈은 소숫점 이슈로 에러가 뜰 수 있으니 double로 해야 함) 6. 조건연산자 예문 : String ageStatus = age >= 18 ? "성인" : "미성년자" 구조 : String ageStatus = 논리식 (age 가 18보다 .. 2023. 12. 7. 이전 1 2 3 4 다음
