플러터23 01. Hellow Flutter! 첫 홈 화면 그리기 Flutter 독학 시작!Flutter를 혼자 독학하며 기본기를 익히는 글입니다.첫 번째 글은 프로젝트를 생성하고 Hellow Flutter! 첫 홈 화면을 그려보겠습니다. 먼저 Flutter 를 설치해 주세요. (아래 글을 참고해 주세요) Flutter 설치 및 개발 환경 구축하기 for Mac이번 글에서는앱 개발 프레임워크인 Flutter 와 Android Studio, Xcode 를 설치하여 Android, iOS 앱 개발 환경을 구축하겠습니다. Android Studio 는 구글이 만든 Android 앱 개발을 위한 공식 개발 도구입니다. Windaco2020.tistory.com Xcode 를 설치했다면 Simulator까지 실행해 주세요. iOS 시뮬레이터와 함께 보면서 진행해 보겠습니다. .. 2025. 4. 30. 플레이스토어 구글 개발자 계정 만들기 (개인 계정) 이번 글에서는플레이스토어에 앱을 출시하기 위한 구글 개발자 개인 계정을 만들어보겠습니다. 1. 구글 계정 만들기구글 개발자 계정을 만들기 위해서는 먼저 구글 계정이 필요합니다.*만약 이미 구글 계정이 있다면 이 과정은 생략해도 됩니다. 구글 계정은 아래 accounts 페이지에서 가능합니다.👉🏼 https://accounts.google.com/ 계정 만들기 버튼을 통해 [개인용] 구글 계정을 만들고 새로운 Gmail 주소를 만들어주세요. 휴대전화 인증까지 완료하면 구글 계정을 만들 수 있습니다. 2. 구글 개발자 개인 계정 만들기구글 계정이 있다면 아래 페이지에 접속하여 로그인을 합니다.https://play.google.com/console/developers 아직 구글 개발자 계정이 없.. 2025. 4. 18. 앱스토어 애플 개발자 계정 만들기 이번 글에서는앱스토어에 앱을 출시하기 위해 애플 개발자 멤버십을 등록하겠습니다. 1. 애플 아이디 만들기애플 개발자 계정을 만들기 위해서는 먼저 애플 아이디가 있어야 합니다.*만약 기존에 아이폰, Mac 등을 통해 애플 아이디를 사용하고 있다면 이 과정은 생략해도 됩니다. 애플 아이디 생성은 아래 account 페이지에서 가능합니다.👉🏼 https://account.apple.com/account account 페이지에서 개인 정보를 입력하고 이메일과 휴대전화 인증까지 완료하면 애플 아이디를 만들 수 있습니다. 로그인까지 완료하였다면 아래 페이지에서 자신의 애플 아이디 계정을 확인할 수 있습니다.👉🏼 https://account.apple.com/account/manage 2. 애플 개발자 멤버.. 2025. 4. 18. 누구나 자기만의 앱을 출시할 수 있다 비전공자가 앱 개발을?많은 사람들이 앱 개발을 ‘개발자만 할 수 있는 일’로 여긴다. 심지어는 같은 개발 직군이라 할지라도 앱 개발을 해보지 않았다는 이유로 쉽게 도전하지 못한다. 사실 나도 그랬다. 백엔드 개발자이긴 했지만 앱 개발에 대해서는 아무것도 몰랐다. 다시 말해 앱 서비스에 대한 기획부터, 디자인, 개발까지 제대로 할 수 있는 게 하나도 없었다. 디자인을 하기 위해 피그마 강의를 듣고, 앱을 개발하기 위해 플러터 강의를 들었다. 처음에는 강의를 따라 하며 이렇게 하는구나 싶었지만, 반년 동안 앱 하나 출시하지 못하고 결국 포기하고 말았다. 반년 넘게 개발만 하다 포기한 이유처음 만들려는 앱은 모닝페이지 앱이었다. 매일 아침 노트 3페이지를 의식의 흐름대로 채우는 것을 모닝페이지라고 한다... 2025. 4. 13. Flutter에서 안드로이드 뒤로가기 버튼 핸들링 하기 Flutter로 안드로이드 앱을 개발할 때에는 '뒤로 가기 버튼'의 동작을 핸들링하는 것이 중요합니다. 안드로이드에서는 위 이미지와 같은 '뒤로 가기 버튼'을 통해 현재 화면을 종료하고 이전 화면으로 돌아가는 기능을 제공합니다. 문제는 앱을 실행 중일 때에 뒤로 가기 버튼을 누르면 앱이 그대로 종료될 수 있다는 것입니다. 만약 앱 내에서 무언가 열심히 진행하다가 손이 미끄러져서(?) 뒤로 가기 버튼을 누르게 된다면??? 그 순간 앱이 곧바로 꺼지면서 휘발성 상태 값들이 사라지게 됩니다. 그렇기 때문에 안드로이드 앱을 개발할 때에는 사용자가 실수로 앱을 종료하지 않도록 뒤로 가기 버튼을 제어할 필요가 있습니다. Flutter에서는 WillPopScope 위젯을 사용하여 이러한 동작을 제어할 수 있습니.. 2025. 2. 4. Flutter로 멋진 노트 앱을 만들어보자 ⑦ - 노트 내보내기/가져오기 기능 구현하기 이번 글에서는 작성한 노트를 백업할 수 있는 노트 내보내기/가져오기 기능을 구현해 보겠습니다. 우리가 만드는 노트 앱은 데이터를 따로 데이터베이스에 저장하거나 외부에서 데이터를 수집하지 않고 있습니다. 그렇기 때문에 노트 백업 또한 사용자 기기 저장소에 파일 형태로 저장하도록 구현해 보겠습니다. 노트 내보내기/가져오기의 주요 요구사항은 다음과 같습니다. 노트 내보내기 - 사용자는 저장된 모든 노트를 파일로 내보낼 수 있습니다.노트 가져오기 - 사용자는 파일로부터 노트를 가져올 수 있습니다. 목차노트 내보내기 구현노트 가져오기 구현SnackBar 유틸 함수 분리설정 화면에 메뉴 추가 1. 노트 내보내기 구현NoteService 클래스에 노트를 CSV 파일로 내보내는 exportNotesToCsv 메서드를.. 2024. 12. 3. 이전 1 2 3 4 다음
