코드나라

이번 시간에는 파이썬 fastapi라이브러리를 이용하여 아래와같이 동작하는 간단한 커뮤니티 웹사이트를 만들어보겠습니다. 해당 프로젝트에서 사용하는 DB는 firestore database입니다.  먼저 firebase 프로젝트를 생성해줍니다firestore database생성 후 규칙을 다음과같이 변경해줍니다.   그런 다음 비공개 키를 생성해서 후에 fastapi프로젝트의 루트디렉토리에 넣어줍니다. 이제 fastapi 메인 코드를 작성해줍니다. 프로젝트 구조는 다음과 같습니다.  model.py에는 해당 사이트에서 사용하는 db들의 key들로 구성한 데이터모델입니다.해당 형태로 firestore database에 저장 및 조회됩니다. [model.py]# coding: utf-8from sqlalche..

이제 파이어베이스 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..

자바스크립트에서 클로저(Closure)는 중요한 개념 중 하나입니다. 클로저는 함수와 그 함수가 선언된 환경을 함께 기억하는 특성을 말합니다. 이를 통해 함수는 자신이 선언된 범위 밖의 변수에도 접근할 수 있습니다. 자바스크립트의 클로저 개념을 이해하면 더 효율적이고 유연한 코드를 작성할 수 있습니다. 이번 글에서는 클로저 개념을 쉽게 설명하고, 실제 코드에 어떻게 적용할 수 있는지 알아보겠습니다.클로저란 무엇인가?클로저는 자바스크립트에서 함수가 자신의 외부 환경에 있는 변수에 접근할 수 있도록 하는 메커니즘입니다. 즉, 함수가 선언된 스코프 바깥의 변수에도 접근할 수 있다는 것을 의미합니다. 클로저는 함수가 외부 함수의 변수를 계속 기억하면서 사용할 수 있게 해주는 역할을 합니다. 예를 들어, 외부 함..