Henry Tutorial

나는 안드로이드 개발을 하다가 플러터로 넘어왔지만 항상 느끼는점은 화면 그리기가 너무너무 간단하다는 것이다.하지만 더 화려한 UI를 만들기 위해서는 화면이 동적으로 움직이는 애니메이션이 필수라고 생각한다.이번 포스팅에서는 기본적으로 애니메이션을 어떻게 그리고 어떤식으로 커스텀할 수 있는지에 대해 알아보려고 한다. 이번에 구현해볼 애니메이션은 위와 같다. 간단히 RUN 버튼을 누르면 화면의 위젯이 각 방향으로 사라지며, 아래의 리스트의 경우 하나씩 서서히 사라지게 하는 간단한 예제이다. 01. 기초 애니메이션 사용 방법1-1. AnimationController애니메이션의 기본요소중의 하나인 애니매이션 컨트롤러이다.모든 애니메이션은 이 컨트롤러를 통해 실행되고 상태를 얻어올 수 있다!late final A..

플러터 작업중 당황스러운 일이 있었다. 잘 작동되던 코드가 어느순간 오작동을 하고 있었다. dio.download()를 통해 파일을 다운로드 시 아래와 같은 에러가 뜬것 FileSystemException: Cannot create file, path = '/storage/emulated/0/Download/~' (OS Error: File exists, errno = 17) 인지하지 못한 코드상의 에러는 종종 있었으나 차근차근 되짚어 나가다 보면 문제가 되는 코드를 발견할 수 있는데 이번에는 아무리 코드를 확인하고 개발 문서를 뒤져봐도 코드상에는 문제가 없었다. 또한 모든 디바이스에서 나타나는 현상이 아니라 Android sdk 30 버전 디바이스에서만 나타나고 있었다. 일전에 안드로이드의 소프트웨어 ..

새로운 해가 밝았습니다. ㅜ 또 한해가 지나 나이가 들었어요 30살을 향해 너무 성실하게 달려가고있네요 좀 게을러도 될거같은데,,! 크리스마스다 연말이다 이벤트가 많았던 달이어서 또 포스팅을 성실하게 못한거같아요.. 올리고싶은건 상당히 많은데 왜이렇게 시간이 안나는지 모르겠네요 그러고보니 요즘 플러터의 인기가 올라간건지 작년 연초에 올렸던 플러터 관련 포스팅의 조회수가 갑자기 늘어났어요 추측으로는 어딘가에 공유가 된거같은데 ㅎㅎ 크리스마스 이브에 139명이나 저글을 보다니 ,,! 아무튼 이번달에 공부한 내용들이자 언.젠.간 포스팅 할 내용들을 적어보자면 아래와 같습니다. 1. Flutter Marker Clustering 마커 클러스터링이란 기술은 지도위에 단순하게 마커를 찍는 기술과는 다르다. zoom..

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

지난달 2021년 3월 플러터 2.0이 나오면서 그동안 베타 버전으로만 나와있었던 Fluter Web(HummingBird)이 정식으로 지원하게되었다. 그동안 올릴건 많았지만 시간을 내서 따로 글을 작성해 올리기가 귀찮았던 나는 이번 기회에 다시 성실하게 블로그 포스팅을 해보려고 한다 ㅎㅎ.. 이번에 작성할 주제는 새로 지원하는 플러터 웹 프로젝트를 만들고 그것을 파이어베이스로 호스팅해보는것을 진행 할 것이다. 플러터와 IDE가 깔려있지 않다면 설치 한 후 진행 해주길 바란다. (본인은 Intellij를 사용하지만 중요하지 않고 Android Studio 혹은 VScode 등의 Flutter를 지원하는 IDE를 설치하면 된다.) 우선 우리는 프로젝트를 생성해야한다. IDE에서 바로 생성해도 되고 아래와 ..

보호되어 있는 글입니다.

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

플러터 공부를 하는 도중 제목과 같은 에러가 발생했다. 구글링을 통해 원인을 알아보니 플러터가 불안정해서 나는 에러인것 같았다. 해결방법은 간단하며 아래와 같다. 에뮬레이터 재실행 -> Hot Run이 아닌 Nomal Run으로 프로젝트 다시 런 시키기

Widget? 나는 위젯을 처음 들었을 때 드는 생각은 평상시 안드로이드기반 핸드폰이나 아이폰을 사용할 때 각종 위젯들을 사용해 캘린터나 날씨 등의 위젯을 상상했다. 네이버 사전 기준으로 위젯의 의미는 PC, 휴대폰, 블로그·카페 등에서 웹브라우저를 통하지 않고 날씨·달력·계산기 등의 기능과 뉴스·게임·주식정보 등을 바로 이용할 수 있도록 만든 미니 응용프로그램이다. 위젯(widget)의 사전적 의미는 ‘소형 장치’ 또는 ‘부품’이다. 이러한 의미들이 있는데 그렇다면 플러터에서 위젯이란 무엇일까? 1. UI를 구성하는 모든 기본 단위요소 위와 같은 정의는 네이티브 안드로이드 개발을 할때 View라고 생각하면 편할것 같았다. 2. 눈에 보이지 않는 요소(padding, center 등) 네이티브 안드로이드..

플러터 개발자로의 전향 제안 최근 구직중 플러터를 사용하는 기업에서 입사 제안이 왔다. 입사 제안이 온 다른 회사들보다는 약간 적은 연봉으로 온 제안이었지만 수락해보려고 한다. 나는 기본적으로 네이티브 안드로이드 개발을 하는 사람이지만 flutter나 react native같은 크로스 플랫폼에 관심이 있었던 것도 사실이다. 실제로 한번의 코딩으로 AOS와 IOS앱을 동시에 만들 수 있다는것은 다수의 스타트업의 관점에서 보았을때는 큰 장점이라고 생각한다. 현재까지 native 앱개발에 비해서 크로스 플랫폼은 라이브러리의 부족이라는 단점과 플러터와 리액트 네이티브 각각을 지원하는 구글과 페이스북에서 지원을 중지한다면 당장이라도 망할 수 있다는 불안감이 있는 시장이라는것은 사실이다. 실제로 자마린과 같은 크로..