열정 실천

컴퓨터의 구조는 입/출력 장치, CPU, 주기억장치, 보조기억장치로 구분된다. 아래 그림을 보면 컴퓨터 구조를 파악해볼 수 있다. 오늘은 대략적으로 어떤 역할을 하는지에 대해서 알아보고 더 상세한 내용은 다음 시간에!! CPU : Central Processing Unit 메모리에 저장된 프로그램과 자료를 이용하여 실제 작업을 수행하는 회로장치이다. 주요 구성 요소로 3가지가 있다. - 연산장치 : 자료의 연산을 수행 - 제어장치 : 컴퓨터의 작동을 제어 - 레지스터 : 연산에 필요한 자료를 임시로 저장 주기억장치 주기억장치는 CPU가 해야 할 작업 내용인 프로그램 명령어와 프로그램에서 이용할 자료를 저장한다. 주기억장치로는 RAM과 ROM이 있다. RAM (Random Access Memory : *임..

파이어베이스란? 2011년 파이어베이스사가 개발하고, 2014년에 구글(google)에게 인수된 모바일 및 웹 애플리케이션 개발 플랫폼이다. '파이어베이스'는 앱을 개발할 때에 필요한 서비스들을 API 형태로 (무료로) 제공해주기 때문에 앱 개발 기간을 단축시켜주고, 개발 난이도를 낯춰줌으로써 개발 방식을 효율적으로 개선해준다. 예전에는 일반적으로 프론트엔드와 백엔드 양쪽 모두에서 쿼리를 작성해야만 했다. 프론트엔드의 코드는 백엔드의 API(응용프로그램 인터페이스)만을 호출할 뿐이며, 실제로 작업을 수행하는 것은 백엔드의 코드이다. 하지만 ‘파이어베이스’를 이용하면 이러한 백엔드 쪽의 작업을 건너뛸 수 있다. 파이어베이스 개발 기능 파이어 베이스의 개발 기능은 크게 5가지 - 인증/ 실시간 데이터베이스/..

ㅣ MaterialApp 위젯 구글이 제공하는 테마를 이용할 수도 있다 (UI나 위젯) 디자인만 제공하는게 아니라 여러가지 기본 세팅도 제공하기 때문에 새롭게 커스터 마이징하더라도 이 위젯을 사용한다. Scaffold 위젯 보통 앱을 보면 상단에는 상단바가 앱의 내용이 들어가있는 중단부 (이 앱에선) 다른 화면으로 넘어가는 버튼이 있는 하단부가 있다. Scaffold 위젯은 이렇게 한 화면을 상중하 세 부분으로 분리해주는 역할을 한다. return MaterialApp( home: Scaffold( appBar: ------, body: -------, bottomNavigationBar: --------, ) ); 이렇게 Scaffold() 안에 appBar 에는 상단 부분 boby 에는 내용(중간) ..

앱 디자인 화면을 구성하는 많은 디자인 요소들!! 플러터에서는 위젯이라고 부른다. 대문자로 시작하는 단어에 뒤에 소괄호가 붙는 이 구조가 위젯이다.ex) Text('안녕') 가장 중요한 4가지 위젯 글자 위젯 이미지 위젯 아이콘 위젯 박스 위젯 이 4개만 있으면 앱에 필요한 모든 구성요소를 생성할 수 있다! 글자 위젯 Text('넣고싶은 text') ex) return MaterialApp( home: Text('안녕') ); 화면 아이콘 위젯 Icon(Icons.아이콘이름) ex) return MaterialApp( home: Icon(Icons.phone) ); 화면 ※ 아이콘 이름은 Fluuter 홈페이지에 있음 이미지 위젯 Image.asset('경로') 이미지를 프로젝트 안에서 사용하기 위해서 ..

본격적으로 flutter를 시작해보자~!~!~! 프로젝트 생성 file -> new -> new Flutter Project 왼쪽 메뉴 중 Flutter 선택하고 Flutter sdk 설치한 경로 지정하기 프로젝트 이름은 영어 소문자만! 빌드할 플랫폼도 선택하기 새 프로젝트 생성 잠깐!! 처음 배우는 입장이라면 analysis_option.yaml 파일의 rules에 이 4줄을 추가해주기 prefer_typing_uninitialized_variables : false prefer_const_constructors_in_immutables : false prefer_const_constructors : false avoid_print : false -> Lint를 끄는 용도 (개발을 편하게 해주는 것들,..

import 'package:flutter/material.dart'; void main() => runApp( MaterialApp( title: 'MyApp', home: MyApp(), ), ); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Welcome to Flutter'), ), body: Center( child: Text('Hello World'), ), ); } }