차근차근 배움터

Everything in flutter is widget. 위젯을 이용해서 어플을 만들고 Flutter 웹사이트에 가면 이렇게 위젯 카탈로그도 확인해볼 수 있다 외울 필요 없이 뭐가 있는 지 확인하면 된다 사람들이 만든 위젯을 98.9프로 거의 다 찾을 수 있다 기억해야할 필요 없다. 위젯이 되기 위해서는 StatelessWidget을 extend 해야 한다. 지금은 BuildContext context 무시하자, 나중에 설명해주겠음 플러터 관점에서 위젯은 UI를 구성하는 블럭 같은 것이다 프로그래밍 관점에서는 클래스 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class App extends Stateles..

파워쉘 powershell을 이용해서 Flutter 프로젝트 파일을 만들어 보았다 cd .. 이전 경로로 이동 mkdir 디렉토리/폴더 만들기 code . 하면 프로젝트가 실행된다. Visual studio code 가 실행되고 나서 Flutter/Dart extension 설치해준다. 해당 강의에서는 vs code를 이용했는데 개인적으로는 android studio가 더 빠르다..... 강의대로 VS Code 이용해볼지 아닐지는 생각해봐야겠다.

DartPad dartpad.dev Dart 강의를 들어서 Dart 언어를 웹사이트에서 연습할 수 있다는 것을 이미 알텐데 Flutter 역시 설치 필요 없이 dartpad.dev에서 Samples - Counter를 클릭하면 Flutter application을 제공한다. 굳이 설치할 필요가 없다. 파일을 생성할 수는 없지만, 이렇게 설치 없이 이용할 수 있다는 점 하나의 파일만 이용할 수 있다는 단점도 있다.

Flutter 설치는 이미 마쳐서 스킵 하도록 하겠다 [코딩애플] 쉬운 플러터 0강 : 플러터 설치 4-step (맥/윈도우) 간단한 Dart 강의를 노마드코더에서 수강했고 조만간 플러터 무료 강의가 나온다고 했으나 기다리기 지친 나는 유투브 무료 강의를 찾아보았다 그리고 코딩 애플님이 올려주신 강의를 차근 차근 ninetynine-2026.tistory.com

플러터와 다른 크래스 플랫폼(리액트 네이티브) 비디오게임 엔진과 같다. 운영체제는 아무것도 안 하지만 플러터 엔진이 UI를 모두 색칠하는 역할을 한다. 플러터 엔진은 운영체제와 렌더링에 관해서 아무런 교류가 없다. 스크린에 그리고 싶은 것은 플러터 안에서 이용한다. 리액트 네이티브는 자바 스크립트를 이용해서 운영체제와 소통한다. 운영체제가 컴포넌트를 렌더링(Render)하도록 한다. Flutter doesn't talk to the OS. with flutter talk with Engine. flutter vs react native specific, beautiful, customed UI design을 지향할 때 Flutter가 더 유용하다. 호스트 플랫폼의 디자인 언어를 사용하고 싶을 때 리액트 ..

언제 플러터를 쓰고 언제 리액트를 쓸 지 개인적인 의견을 나누고자 한다 (니코왈) 플러터의 작동방식은 게임 엔진이 작동하는 것과 비슷하다. 게임엔진은 모든 것을 스크린에 render 렌더링 한다. 모든 픽셀을 게임 엔진은 호스트 플랫폼을 렌더링하기 위해서 사용하지 않는다. 플러터는 ios/android/window/linux 등, 렌더링을 묻지 않는다. 하지만 플러터는 자체 엔진이 있고, 모든 UI를 알아서 렌더링을 한다. 근데 네이티브 같이 생긴 componants를 가질 수 없다. 엔진이 직접 다 그리기 때문에, 그래서 언제 플러터를 사용해야 할 지 설명하려고 한다. operating system widget 네이티브를 만들고 싶으면, 리액트 네이티브를 사용할 것이다. redner the loader..

네이티브 개발자라면 알듯이 Operating system 운영체제와 직접적으로 소통(?)하겠지만 플러터의 경우는 그렇지 않다. it's working like a video game engine. Framework has everything. 엔진이 스크린/화면에 직접 칠하는 것 운영체제가 하는 일은 Engine을 작동시키는 것 뿐이다. Engine is the one which runs the framework/ paints the UI 코드는 진주와 같고, 조개 껍질은 그 코드를 감싸고 있는 엔진 그리고 운영체제는 조개 껍질이 움직이게 할 뿐이닷 플러터는 렌더링 엔진에 의해서 그려진 ios 스타일의 위젯들을 제공한다. 직접 비슷하게 만든 것이기 때문에 같은 것이 아니다. They're not buil..

Flutter 어느 플랫폼에서나 개발이 가능한 Flutter의 강력한 장점이 있다. 크로스 플랫폼, 즉 안드로이드/아이폰 모두 가능한 프레임워크이다. 하나의 언어와 하나의 프레임워크로 무엇이든지 만들 수 있는 강력한 언어와 플랫폼이다 구글이 Flutter를 개발하고 사용하고 있고 개발한 지 시간이 꽤 지난 지금 구글이 Flutter를 죽일 것 같아 보이지 않는다. reload google play in Flutter.... Wonderous라는 어플을 한 번 사용하기를 바란다 플러터로 만들어진 이 어플은 아주 잘 만들어진 어플이다. 또 웹 어플리케이션도 지원하는데 한 번 확인해봐도 된다 FLOKK https://flutterplasma.dev/ Flutter Plasma flutterplasma.dev ..

flutter와 Dart를 한 번에 배우려고 하면 더 헷갈릴 수도 있다. 따라서 Dart 언어를 간단하게 먼저 배우고 Flutter를 시작할 것을 추천한다.

니코의 3년 전 영상에서 Flutter와 리액트 네이티브를 비교한 영상이 있었는데, 거기서 언젠가 플러터 강의도 낼 수 있기를 바란다고 이야기한 부분이 있었는데 드디어 그것이 실행됐다! 구글이 미는 서비스, 언어, 프레임워크들이 금방 사라지기도 해서, 그런 면에서 Flutter가 과연 살아남을까 하는 호기심 걱정들이 이제는 flutter 3.0과 함께 더 많이 발전하는 모습을 볼 수 있다. 강의에서는 아래와 같은 것들을 만들어볼 것이다. 아마 UI를 만드는 것부터 해서 마지막에는 웹툰 서비스를 제작해본다고 하니 아주 기대가 된다!