Flutter-플러터/플러터로 첫 코딩! 썸네일형 리스트형 플러터로 첫 코딩하기! 14 - Column ,Row 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) - 잠시 쉬어가기편 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? - Flutter가 실행되는 구조 - Flutter 화면 구성에 대해 - body : Column ,Row 사진처럼 검은색 박스 안에 있는 부분이 바로 body 부분입니다. 어플의 주요 화면들이 이 곳에 들어갑니다. 이 화면을 구성을 할 때 가장 중요한 개념이 바로 Column과 Row 입니다. Column은 "세로" Row 는 "가로" 바로 위에 적은 개념이.. 더보기 플러터로 첫 코딩하기! 13 - Appbar 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) - 잠시 쉬어가기편 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? - Flutter가 실행되는 구조 - Flutter 화면 구성에 대해 -Appbar 오늘은 화면에 최상단에 위치해 있는 Appbar에 대해 알아보겠습니다. 어플을 제작 할 때 어플의 이름이나, 또는 해당 페이지의 이름을 설정합니다. 그 해당 페이지의 맞는 아이콘도 배치해 놓을 수 있습니다. 대표적으로 메뉴 페이지로 가는 "메뉴버튼" , 검색을 도와주는 "Sea.. 더보기 플러터로 첫 코딩 하기! 12 - 화면 구성에 대해 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) - 잠시 쉬어가기편 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? - Flutter가 실행되는 구조 - Flutter 화면 구성에 대해 오늘은 Flutter 의 화면 구조에 대해 알아보겠습니다. 우리가 흔히 알고 있는 어플을 기억하신 다면 총 세 영역으로 나누어져 있다는 것을 알고 계실 것 입니니다. 그 세 영역의 정확한 명칭은 아래와 같습니다. 1. appbar : 제목 , 검색기능, 도움말등 보조적인 기능을 많이 넣습니다.. 더보기 플러터로 첫 코딩! 10 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) - 잠시 쉬어가기편 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? 현재 이 글을 연재하는 와중에 저는 플러터 까페에서 진행하는 [15기 플러터 초급 스터디]를 참여하고 있습니다. 스터디 중에 IDE 에 대한 이야기가 있어서 이번에는 잠시 쉬어가는 마음으로 적어보겠습니다. 먼저 IDE란. (Integrated Development Environment)의 약자로 직역하면 "통합 개발 환경" 코드 작성을 도와주는 프로그램입니다... 더보기 플러터로 첫 코딩 ! 9- 플러터의 위젯 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) 저번시간까지는 알려드리는 내용은 객체지향언어라면 다 가지고 있는 내용이었습니다. 오늘은 플러터만의 가장 큰 특징인 "위젯"에 대해 알려드리겠습니다. 제가 처음 시간에 코딩을 통해 어플을 만든 것은 "각각의 구분된 교실들을 구성해서 학교를 만드는 일" 이라고 했습니다. 그 교실들이 바로 위젯입니다. 더 나아가 교실들을 구성하는 모든 물건들이 바로 위젯입니다. 칠판, 책상, 에어컨, 스피커, TV, 컴퓨터 등등 일반적인 교실을 떠올리.. 더보기 플러터로 첫 코딩하기 ! 8 - 반복문 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) 우리의 삶은 반복된 일들의 연속입니다. 매일 음식을 먹는 일, 등교를 하는일, 출근을 하는 일, 위에 적은 일들을 컴퓨터가 대신 할 수는 없지만 정해진 데이터를 반복으로 출력하는일, 그 데이터를 같은 함수로 계산 하는 일, 계산된 데이터가 옳은지 반복적으로 체크하는 일, 위 일들은 컴퓨터가 대신 해줄 수 있습니다. 반복문을 잘 사용하면 코드가 간결해집니다. 1~5의 숫자를 출력한다고 하면 아래처럼 쓸 수 도 있지만 print("1"); print("2"); print.. 더보기 플러터로 첫 코딩하기! 7- 조건문 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) 컴퓨터에게 명령을 하는 '코딩'의 궁극적인 목적은 컴퓨터가 인간이 하는 일을 대체해서 그로인해 인간의 삶이 조금 편해지게 만드는게 아닐까 합니다 그래서 개발언어들은 인간의 삶을 최대한 비슷하게 구현하게끔 만들어졌습니다. 우리의 인생은 '선택'으로 이루어지집니다. 도서관에가서 역사책을 선택 할 수도 있고 수학책을 선택 할 수도 있고 코딩책을 선택 할 수도 있습니다. 위 선택은 아래의 주어진 상황에 따라 달라졌을 것 입니다. 만약 당신이 내일 역사시험을 본다면 도서관에서 역사책을 선택합니다. if (.. 더보기 플러터로 첫 코딩하기 ! 6 - 함수 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) -용어정리 3편 (함수) 함수는 '값을 변하게 하는 상자' 라는 뜻입니다. 보통 자판기로 많이 설명합니다 자판기에 200원을 넣으면 200원 밀크커피가 나오는 식으로요 하지만 함수는 코딩에서 동사의 역할을 한다고 생각하면 쉽게 느껴집니다. 함수의 모양은 다음과 같습니다. void 함수명 () { 함수식 } 지난 시간 변수의 이름을 잘 짓는게 중요하다고 언급했듯이 함수도 이름을 잘 짓는게 매우 중요합니다. 이 함수식이 어떠한 동작을 나타내는지 누가 봐도 이해할 수 있게 적는게 좋습니다. 컴퓨터에게 "1+1 =?" 얼마인지 계산해줘 라고 말한다면 이 더하기에.. 더보기 이전 1 2 3 다음
