플러터(Flutter) 모바일 앱 개발 - Pull to Refresh 구현하기

안녕하세요. @anpigon 입니다. 이번에는 Pull to Refresh 기능을 구현해봅니다. Pull Down 또는 Pull Up 동작으로 목록을 업데이트하는 것인데... 텍스트로 설명하기 어려우니 앱 동작 화면으로 설명을 대신하겠습니다. 아래는 Pull Down하여 목록을 업데이트하는 화면입니다. Pull to Refresh 기능을 구현해놓은 라이브러...

Read

플러터(Flutter) 모바일 앱 개발 - 스팀잇 피드 구현하기

안녕하세요. @anpigon 입니다. 이번에는 스팀잇 피드를 가져와서 출력하는 화면을 개발해보았습니다. 이전글 First Flutter App에서 추가로 학습할 부분이 거의 없어 코드 설명은 짧게 하였습니다. 그리고 핵심 로직에 집중하기 위해서 UI 컴포넌트는 최소한으로 사용합니다. 이전 글 모바일 앱 개발 : Flutter 시작하기 #1 - Get s...

Read

모바일 앱 개발 : Flutter 시작하기 #5 - First Flutter App (4)

안녕하세요. @anpigon 입니다. 이전 글 모바일 앱 개발 : Flutter 시작하기 #4에서 이어집니다. Flutter 튜토리얼 파트2의 6 ~ 7 까지의 내용입니다. 이번에는 새로운 페이지로 이동하는 방법과 테마를 변경하는 방법을 학습합니다. 이번에 완성된 앱의 동작 화면입니다. 페이지 이동하기 (Navigate to a new screen) 이번에...

Read

모바일 앱 개발 : Flutter 시작하기 #4 - First Flutter App (3)

안녕하세요. @anpigon 입니다. 이전 글 모바일 앱 개발 : Flutter 시작하기 #3에서 이어집니다. Flutter 튜토리얼 파트2의 1~5번까지의 과정을 따라하면서 학습하였습니다. 이번에는 하트 아이콘을 추가하고 단어를 즐겨찾기에 추가/제거하는 기능을 구현합니다. 이번에 구현한 완성된 앱의 동작 화면입니다. 목록에 하트 아이콘 추가하기 목록의...

Read

모바일 앱 개발 : Flutter 시작하기 #3 - First Flutter App (2)

안녕하세요. @anpigon 입니다. 이전 글 모바일 앱 개발 : Flutter 시작하기 #2 에서 이어지는 내용입니다. Flutter 튜토리얼 파트1의 5~7번까지의 과정을 따라하면서 정리하였습니다. 이번에는 Stateful 위젯과 무한 스크롤 ListView를 구현하는 방법을 학습합니다. 원문을 보고 싶으면 아래 링크를 클릭하세요. -flutter-a...

Read

모바일 앱 개발 : Flutter 시작하기 #2 - First Flutter App (1)

안녕하세요. @anpigon 입니다. 이전 글 모바일 앱 개발 : Flutter 시작하기에서 이어지는 내용입니다. 이번에는 Flutter 튜토리얼 파트1의 1~4번까지의 과정을 따라하면서 정리하였습니다. 원문을 보고 싶으면 아래 링크를 클릭하세요. -flutter-app-pt1/#0 아래 발췌한 글은 Flutter 튜토리얼의 첫 문단에 있는 글입니다. 간...

Read

모바일 앱 개발 : Flutter 시작하기 - Get started

Flutter는 구글에서 개발한 크로스 플랫폼 모바일 앱 개발 프레임워크입니다. Flutter가 아직은 베타 버전이지만 곧 React Native를 따라잡을 것으로 생각합니다. 그럼 페이스북과 구글의 치열한 경쟁이 시작되겠지요.ㅋ Flutter Release Preview 2 가 공개되었을 때 너무 배워보고 싶었습니다. 오늘 문서를 쭈욱 훑어보니 React...

Read