본문 바로가기

반응형

Flutter-플러터

[네이버까페] 플러터 초급 스터디 2주차 오늘은 어플의 생태주기, 그리고 플러터의 기본적인 포맷에 대해서 배웠습니다. 2주차지만 다시한 번 느낀건 이건 절대 초급 스터디가 아닙..니....다.. 배운점 1.플러터 내에서 모든 widget은 핫 리로드 하는 순간에 Build함수를를 통해서 리빌딩 된다. 2. stateless, stateful, inherited - stateless는 데이터의 변화가 없기에 리빌딩 되더라도 메모리 소모가 적다. - stateful의는 데이터의 변화가 있는 위젯, 매번 리빌딩 하면서 상태를 재구성하는 setState의 함수가 필요로 한다. 고로 메모리 소모가 많다. - inherited 위젯 : 위젯이 처음 리빌딩 될 때만 사용된다. 고로 여기에다 변수를 선언하면 메모리를 아낄 수 있다. 3. sateful 내의 .. 더보기
플러터로 첫 코딩하기! 5 용어정리 2편 (변수.자료형) 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) 오늘은 변수와 자료명에 대해 알아보겠습니다. 변수는 데이터를 담는 '공간' 입니다. 컴퓨터의 '공간' 에는 01010101010의 숫자들만이 가득합니다. 코딩을 할 때 자료형이 없다면 수 많은 데이터의 종류가 뒤죽박죽 섞이게 되고 쉽게 오류가 날 수 있습니다. 그러한 오류를 최대한 피하기 위해 개발언어에는 변수에 자료형을 같이 선언해주게 됩니다. 굉장히 생소한 개념이지만 개발언어는 인간이 코딩을 쉽게 하기 위해 개발했다는 목적만 기억한다면 자료형도 그 맥락과 같습니다. 내가 넣고 싶은 데이터가 숫자라면 int ,double 문자와 관련된 자료형이라면 St.. 더보기
[클론코딩]레시피 계산기 -1 편 Json JanVeb/recipe_calculator at flutterawesome.com (github.com) GitHub - JanVeb/recipe_calculator Contribute to JanVeb/recipe_calculator development by creating an account on GitHub. github.com 위 코드를 클론코딩해보았습니다. 만들고 싶은 원가계산기의 뼈대가 될 것 같습니다. 하지만 코드가 아직 너무 어려워서 오늘은 Json 부분 코드만 연습했습니다. 배운점 1. 플러터에서 Json 사용하기 class Ingredient { String name; double amount; late double amountCalculated; String unit; bool i.. 더보기
shared preferences 비교적 적은 양의 데이터를 내부기기에 저장할 때 쓰인다. 사용예) 1.로그인 정보 (id만 저장하기- 로그인 편의기능) 2.다크모드 3.다음에 팝업창 다시 뜨지 않기 한 번 설정한 값을 어플이 종료되어서 다시 켜도 그 값을 유지 하게 만들 때 많이 쓴다. 중요한 데이터를 저장 할 때는 사용하지 말 것 기본적인 사용법 yaml파일에 등록 - dependencies: shared_preferences: flutter: sdk: flutter 임포트 하기 import 'package:shared_preferences/shared_preferences.dart'; 데이터 저장하기 // obtain shared preferences final prefs = await SharedPreferences.getInst.. 더보기
플러터로 첫코딩! 4 - 용어 정리 1편 (다트.객체지향언어) 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) 앞서 말씀드렸듯이 제가 작성하는 플러터로 첫코딩은 플러터로 코딩을 처음 접하시는 분들을 위한 글입니다; 그렇기에 실전보다는 "개념" 이해의 목적을 두고 있습니다; 다트패드를 키고 코드를 따라치는 실습 없이, 그저 편하게 읽어주시면 됩니다; 그럼 본격적으로 플러터를 시작해보겠습니다; 지금 우리가 배우고 있는 것은 플러터이지만 사실 플러터 어플을 만들기 위해서는 '다트' 라는 개발 언어를 사용하게 됩니다; 쉽게 대한민국의 공용어가 한글인 것 처럼, 플러터라는 생태계에서 쓰이는 언어가 '다트' 라고 생각해주시면 됩니다; '다트' 언어는 객체지향언어입니다; 객체지향언어로는 대표적으로 C 언어와 자.. 더보기
플러터로 첫 코딩! 3 왜 플러터를 배워야 할까? 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? 나라의 말이 중국과 달라 문자와 서로 통하지 아니하므로 이런 까닭으로 어리석은 백성이 이르고자 할 바가 있어도 마침내 제 뜻을 능히 펴지 못하는 사람이 많노라. 내가 이를 위해 가엽게 여겨 새로 스물여덟 글자를 만드노니 사람마다 하여금 쉽게 익혀 날마다 쓰는 것이 편안케 하고자 할 따름이니라. 세종대왕이 백성들을 위해 훈민정음을 배포하면서 하셨던 말씀입니다. 저는 플러터를 공부하면서 플러터와 훈민정음이 추구하는 가치가 상당히 비슷하다는 생각을 했습니다. 과거에는 우리나라 글자가 없어서 중국의 한자를 썼었고, 익히기가 어려운 나머지 일반 사람들은 자신의 이름 석자도 쓰지 못하고 , 자신이 하고자 하는 일이 생겨도 할 수 없는 불편함.. 더보기
플러터 계산기 클론코딩 11.7 staggered grid view package Ressurectionx/calci at flutterawesome.com (github.com) GitHub - Ressurectionx/calci Contribute to Ressurectionx/calci development by creating an account on GitHub. github.com 배운점 1. staggered_grid_view 패키지로 계산기 버튼을 구현 (더 자세한 사용법은 아래 링크 ) flutter_staggered_grid_view | 플러터 패키지 (pub.dev) flutter_staggered_grid_view | Flutter Package Provides a collection of Flutter grids layouts (staggered, masonry.. 더보기
플러터로 첫 코딩하기 2 - 코딩과 개발언어 목차 -들어가기 -코딩과 개발언어 플러터를 공부하면서 시중에 있는 여러 책을 읽어보았습니다. 플러터라는 생태계가 아직 초기이기 때문에 기존 개발언어를 배운 사람들을 위한 내용의 책들이 대부분이었습니다. 당연히 코딩을 처음 접하는 사람에게는 상당히 어려울 수 도 있습니다. 그래서 오늘은 자세하게는 다룰 수는 없지만 코딩과 개발언어에 대해서 설명을 해보고자 합니다. 코딩의 사전적인 의미는 프로그램의 코드를 짜는 일입니다. 더 쉽게는 컴퓨터에게 명령을 하는 일입니다. 우리가 사용하고 있는 컴퓨터는 이진법으로만 대화가 가능합니다. 010101010 = 사과; , 10101010= 배; 이렇게요 단순한 명령은 가능하겠지만 복잡한 명령은 이진법으로 수행하기가 매우 어렵게 됩니다. 그러한 문제를 해결하기 위해 이진법.. 더보기

반응형