본문 바로가기

Flutter7

[Flutter X Firebase] 2 시간만에 만드는 채팅앱 만들기 ChatApp flutter과 Firebase를 활용하여 채팅앱을 구현했습니다. 크로스 플랫폼인 flutter로 작성하여 ios, 안드로이드 모두 구현 가능합니다. mac사용자라면 xcode에서 ios시뮬레이터를 다운로드 후 사용하시면 되고(물론 안드로이드도 상관 없습니다) Windows사용자라면 AndroidStudio의 시뮬레이터를 사용하시면 되겠습니다. 저는 mac를 사용하여 구현했습니다. IDE는 VSCode를 사용했습니다. 앱 스타일은 안드로이드, ios모두 적용가능한 MaterialApp 스타일로 만들었습니다.(ios는 Cupertion 스타일로 도전하는 것도 좋습니다!) ios 버전은 17.2 데이터베이스는 FIrebase를 사용했습니다. 사용자인증, 데이터 스토리지를 사용했습니다. (어래글 참고) 유튜브.. 2024. 2. 20.
동기 처리방식과 비동기 처리방식 flutter을 비롯한 여러 프로그래밍을 보면 항상 동기방식과 비동기방식이 나온다. 이 개념을 숙지하고 앱이나 웹프로그램에 활용한다면 상황에 따하 훨신 효율적으로 처리할 수 있을것이다. 동기프로그래밍(Synchronous programming) 코드가 순차적으로 실행되는 프로그래밍 패러다임. 한 작업 끝나기 전에는 다음 작업으로 넘어가지 않고, 순차적으로 명령어를 실행하는 개념. 비동기 프로그래밍(Asynchronous programming) 코드가 순차적으로 진행되지 않고, 여러 작업이 동시에 진행되는 개념. 즉 멀티테스킹이 구현되고 있는 것이다. 그렇다면 flutter에서 비동기를 처리하는 방법은 어떤 것이 있을까요? 1. Future 비동기 작업이 끝날 때 까지 대기할 수 있는 개채입니다. 비동기 .. 2024. 2. 10.
Flutter 5. ToDo 앱 만들기. (5) 검색 메소드 구현하기. Flutter로 간단한 ToDo앱을 만들어보는 프로젝트입니다. 처음 시작화면 구성부터 내용 추가, 삭제, 검색 기능을 메소드로 구현해 보겠습니다. 이 편은 스플래시 시작화면 구성하는 방법을 설명합니다. 이 프로젝트는 macOS 에서 VScode를 사용했스며, iPhone 14 Pro Max 시뮬레이터를 사용했습니다. github : https://github.com/tjdwns4712/flutterToDoApp 깃허브에서 프로젝트 전체 소스코드를 확인할 수 있습니다. 중요한 내용만을 요약했기에 전체 코드를 읽으며 이해하는 것을 추천합니다. 이 글은 앞선 ToDo프로젝트 설명과 이어집니다. https://miacoder.tistory.com/5 Flutter 4. ToDo 앱 만들기. (4) 추가, 삭제,.. 2023. 6. 9.
Flutter 4. ToDo 앱 만들기. (4) 추가, 삭제, 변경 메소드 만들기. Flutter로 간단한 ToDo앱을 만들어보는 프로젝트입니다. 처음 시작화면 구성부터 내용 추가, 삭제, 검색 기능을 메소드로 구현해 보겠습니다. 이 편은 스플래시 시작화면 구성하는 방법을 설명합니다. 이 프로젝트는 macOS 에서 VScode를 사용했스며, iPhone 14 Pro Max 시뮬레이터를 사용했습니다. github : https://github.com/tjdwns4712/flutterToDoApp 깃허브에서 프로젝트 전체 소스코드를 확인할 수 있습니다. 중요한 내용만을 요약했기에 전체 코드를 읽으며 이해하는 것을 추천합니다. 이 글은 앞선 ToDo프로젝트 설명과 이어집니다. https://miacoder.tistory.com/4 Flutter 3. ToDo 앱 만들기. (3) Json 형식.. 2023. 6. 8.
Flutter 3. ToDo 앱 만들기. (3) Json 형식을 이용해 정보 저장하기. Flutter로 간단한 ToDo앱을 만들어보는 프로젝트입니다. 처음 시작화면 구성부터 내용 추가, 삭제, 검색 기능을 메소드로 구현해 보겠습니다. 이 편은 스플래시 시작화면 구성하는 방법을 설명합니다. 이 프로젝트는 macOS 에서 VScode를 사용했스며, iPhone 14 Pro Max 시뮬레이터를 사용했습니다. github : https://github.com/tjdwns4712/flutterToDoApp 깃허브에서 프로젝트 전체 소스코드를 확인할 수 있습니다. https://miacoder.tistory.com/3 Flutter 2. ToDo 앱 만들기. (2) 바텀바를 통해 여러 페이지 구현하기. Flutter로 간단한 ToDo앱을 만들어보는 프로젝트입니다. 처음 시작화면 구성부터 내용 추가, .. 2023. 6. 7.
Flutter 2. ToDo 앱 만들기. (2) 바텀바를 통해 여러 페이지 구현하기. Flutter로 간단한 ToDo앱을 만들어보는 프로젝트입니다. 처음 시작화면 구성부터 내용 추가, 삭제, 검색 기능을 메소드로 구현해 보겠습니다. 이 편은 스플래시 시작화면 구성하는 방법을 설명합니다. 이 프로젝트는 macOS 에서 VScode를 사용했스며, iPhone 14 Pro Max 시뮬레이터를 사용했습니다. github : https://github.com/tjdwns4712/flutterToDoApp 깃허브에서 프로젝트 전체 소스코드를 확인할 수 있습니다. ToDo를 전체적으로 만들고 싶으시다면, 1편을 보고 오시는 것을 추천드립니다. https://miacoder.tistory.com/2 Flutter 1. ToDo 앱 만들기. (1) 스플래시 시작화면 구성하기. Flutter로 간단한 To.. 2023. 6. 3.