Henry Tutorial

앱의 성능을 올려볼 방법이 없을까? 최근 작업을 하면서 성능을 올릴만한게 뭐 없을까? 라는 고민을 하며 회사에서 작업을 하던중 앱의 화면에 asset이 많이 들어가면 화면이 버벅이는거 같은 느낌을 받았습니다. 이 느낌은 아이폰에서 특히 더 많이 느껴지는거같았고 어떻게 해결할 수 있는 방법이 없을지 찾아보던 중 이미지를 precache 할 수 있다는것을 알아냈습니다.이미지 Precache는 Flutter에서 제공하는 기능 중 하나로, 화면에 표시되기 전에 이미지를 미리 로드하여 캐시에 저장하는 과정입니다. 이를 통해 사용자가 이미지를 요청할 때마다 실시간으로 다운로드하는 대신, 이미지가 사전에 로드되어 빠르게 표시될 수 있습니다.  그래서 어떻게 쓰는건데?  기본적인 사용법은 아래와 같습니다.이미지를 사용..

✍️ 이 포스팅은 노마드 개발자 글쓰기 스터디의 일환으로 자유 주제를 공부한 내용으로 포스팅 하고있습니다. 지난번 포스팅에서 바텀시트를 통해 게임에 객체를 추가해주는 부분을 진행했습니다. 이번 포스팅에서는 펫을 추가해 벽에 닿으면 자동으로 방향을 바꿔 움직이는 기능을 구현해보도록 하겠습니다. 1. 펫 이미지 추가 assets/image 하위에 pet_sheet.png 파일을 추가해 주었습니다. 저는 인터넷에서 아무거나 가져와 사용했고 글을 보시는 분들도 아무 sheet를 구해서 추가해주시면 됩니다. 그리고 나서 pet_component.dart 라는 이름으로 펫 객체로 사용할 클래스를 생성해줍니다. 2. 펫 코드 작성 import 'dart:math'; import 'package:flame/collis..

안녕하세요 Gyeony입니다! Flutter 2.0 버전이 정식 릴리즈 한지도 벌써 5달이 다되어가고 있어요! 아직도 부족함이 많고 회사일이 생각보다 바쁘게 돌아가 시간은 많이 없지만 하나씩 정리해나가 보도록 하겠습니다. 이번 글에서는 Flutter와 SEO에 대해서 다루어 보도록 하겠습니다. Flutter 2.0 릴리즈 당시 사람들은 Flutter Web에 대해서 기대감을 품고 있었어요 모바일에서 보여주던 혁신적인 퍼포먼스를 웹에서도 잘 보여준다면 프론트 시장에서 영향력이 엄청나게 커질테니까요 ㅎㅎ 크로스 플랫폼 모바일 시장에서는 react native를 잘 따라가고 있고 웹마저 react나 vue 등을 따라가 준다면 정말 플러터로 프론트 정복이 가능할수도 있지 않나! 라는 부푼 꿈을 잠시 꿔보았습니다..

플러터도 스택구조 플러터를 공부하면서 앱개발은 다 똑같구나라고 느낀건 네이티브 안드로이드의 Activity Stack과 비슷한 Navigator를 사용해보고 난 후였다. 그러나 네이티브 안드로이드보다 좀 더 직관적으로 Navigator.push(...) , Navigator.pop() 이런 식으로 실제 자료구조에서 사용하는 표현을 사용한다는 점에서 달랐고 처음 플러터를 접하는 사람중에 알고리즘의 기본정도를 숙지한 사람이라면 다들 어렵지 않게 이해할 수 있을것 같다는 생각이 들었다. 1. Stateless Widget의 생명주기 Stateless Widget의 경우 한번 생성이 되고나면 바꿀 수 없는 위젯이다. 이를 수정하기 위해서는 Destroy했다가 다시 빌드하는 수 밖에 없는데 따라서 build me..