Flutter에서 BuildContext를 이용해 조상 widget에 접근할 수 있다. React 사용자라면 Recoil과 같은 상태 관리툴에 익숙할 것이다. 마치 React의 Recoil처럼, Flutter애서는 BuildContext를 통해 아주 편리하게 상위 컨텍스트에 접근가능하다. 이번 포스팅을 통해 Flutter의 아키텍처와 동작원리를 간략히 살펴보고, BuildContext에 대해 좀 더 확실히 살펴보자. 1. Flutter framework의 Layers Flutter는 모든 것이 widget이다. 단 한 개의 단어부터 한 페이지에 이르기까지 플러터의 모든 것은 위젯이다. 위젯이란 정확히 무엇일까? 플러터는 위와 같은 구조로 추상화되어 있다. 보통 개발자들은 최상위 단의 Material, C..

Dart 언어는 만능이다. Dart로 웹페이지, 안드로이드 모바일 앱, IOS 모바일 앱, 윈도우 데스크탑 앱, macOS 데스크탑 앱을 제작할 수 있으며, 심지어 백엔드 서버 코드로도 사용가능하다. 이게 가능한 이유는 Dart가 Javascript로 완전한 컴파일이 가능하기 때문이다. 사실 Javascript야말로 진정한 만능 언어다. Javascript로 모든 서비스를 개발하고 업무를 처리할 수 있다. 그리고 그러한 Javascript 개발을 특히 서비스의 UI적인 측면에서 더욱 쉽게 활용할 수 있도록 하는 Dart 또한 만능 언어라 할 수 있다. 1. JIT vs AOT JIT(Just in Time) 컴파일 방식은 파일을 실행할 때 컴파일을 진행한 후, 그렇게 바뀐 저수준 언어로 작업을 수행하는 ..

Flutter는 놀라운 프레임워크다. Flutter를 이용하면 웹, 모바일 앱, 데스크탑 앱 등 온갖 서비스를 구현할 수 있다. 그리고 Dart는 바로 이러한 Flutter의 언어다. Java를 비롯한 다른 언어들과 마찬가지로, Dart에는 변수명 앞에 붙이는 키워드가 여러 개 있다. 이번 포스팅을 통해 Dart에서 사용되는 var, final, const 키워드의 용도와 특징을 살펴보자. 1. var Dart에서는 변수를 선언할 때 직접 타입을 명시할 수도 있고, var키워드를 사용해 타입을 생략할 수도 있다. // case 1 String name = 'Mesotes'; // case 2 var blogName = 'Share2Learn'; 둘의 쓰임새는 똑같다. 위 예시의 경우, 명시적으로 타입을 ..