코드나라

이번 시간에는 firebase 데이터베이스와 연동하여 간단한 무서운이야기 어플을 만들도록 하겠습니다.오늘 배워서 완성할 앱은 다음과 같습니다. 이 프로젝트를 만들기 위해선 파이어베이스에 프로젝트를 생성하고 해당 프로젝트를 플러터 프로젝트와 연동부터 해야합니다.파이어베이스-플러터 연동방법은 ''Flutter&Firebase 커뮤니티 앱개발]"을 참조해주시기 바랍니다. (아래 링크) https://eunbox8292.tistory.com/entry/FlutterFirebase-%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0-%EC%95%B1%EA%B0%9C%EB%B0%9C-02-firebasecli-%EC%84%A4%EC%B9%98 [Flutter&Firebase 커뮤니티 앱개발] 02. ..

플러터 앱 개발 시 간단한 구성 요소들을 배치하여 동작시키는 법을 알아보겠습니다.오늘 배워서 완성할 앱은 다음과 같은 간단한 앱입니다. 지금부터 만들어 봅시다. 앱 기본 틀 구성 import 'package:flutter/material.dart';void main() {  runApp(const MyApp());}class MyApp extends StatelessWidget {  const MyApp({super.key});  // This widget is the root of your application.  @override  Widget build(BuildContext context) {    return MaterialApp(      title: 'Flutter Tutorial',    ..

이제 파이어베이스 DB를 이용하는 플러터의 커뮤니티 앱을 만들어보겠습니다.우선 최종 결과물인 [플러터 커뮤니티 앱] 실행모습 먼저 보여드리겠습니다. 위와 같이 동작하는 여러 유저들이 게시글을 쓰고 소통하는 간단한 커뮤니티 앱을 지금부터 만들어보도록 하겠습니다.  먼저 파이어베이스에서 DB기능을 담당하는 Firestore Database의 콜렉션을 생성하고 규칙을 변경해주세요. 1. Firestore Database 생성 - 파이어베이스 콘솔에서 생성한 파이어베이스 프로젝트로 이동 후 왼쪽 창에서 빌드 탭을 선택하고 Firesotre Database를 클릭합니다 데이터베이스 만들기를 클릭합니다 "테스트 모드에서 시작"을 선택하고 다음을 클릭합니다(figure8 참조).지금은 사용하는데 문제가 없지만 추후에..

내 플러터 프로젝트에 연동할 파이어베이스 프로젝트를 전시간에 설치한 firebase_cli를 이용하여 생성하겠습니다. 1. 파이어베이스 로그인 및 firebase_cli 열기 cmd 열고 firebase login 입력 후 파이어베이스에 접속할 구글 계정을 선택하여 로그인합니다  생성하고자 하는 이름으로 파이어베이스 프로젝트를 만듭니다 (저는 여기서 flutterfirebase-bbangsang 이라는 이름 사용) 명령어:firebase projects:create flutterfirebase-bbangsang firebase_cli를 열어줍니다 명령어:flutter pub global activate flutterfire_cli 위 작업의 결과로 Warning: Pub installs executabl..

flutter 프로젝트에 DB를 붙이는 법은 다양하지만 초보자도 손쉽게 접근가능한 공용 DB인 Firebase DB를 사용하여 커뮤니티 어플을 개발하고자 합니다. 내가 생성한 플러터 프로젝트를 Firebase와 연결하기 위해선 Firebase_cli라는 프로그램이 필요합니다. 에러 발생비율이 거의 없는 firebase_cli를 사용하려면 nodejs를 설치하여 npm 명령어를 이용하여 firebase_cli를 설치하는게 좋습니다. 따라서 이번 시간에는 npm명령어로 firebase_cli를 설치하는법을 알아보겠습니다. 1. nodejs 설치 https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime bu..

첫 시간입니다.플러터를 설치하고 안드로이드 스튜디오, vs코드를 깔아서 플러터 어플 빌드를 해보겠습니다. 1. 플러터(Flutter) 설치1) 플러터 SDK 다운로드하기 링크에서 SDK를 다운로드 받으세요https://flutter.dev/docs/development/tools/sdk/releases?tab=windows  위 링크로 들어가면 아래와같은 다운로드 페이지가 나옵니다.적절한 버젼의 파일을 다운로드하면  zip형식의 압축파일로 받아집니다.해당 zip파일을 적절한 경로에 압축을 풀면 됩니다.예시) D:\flutter 2) 환경 변수 등록SDK를 환경 변수에 등록합니다.경로는 flutter SDK 압축을 푼 경로의 bin 폴더까지입니다.예시) D:\flutter\bin 3) SDK 설치 확인fl..