1. 깃이 설치되어있는지 확인

git --version

깃 버전이 너무 낮아서 다시 설치 해야할 것 같다.

2. 깃 설정 보기 (로그인이 되있는지도 확인 할 수 있음)

git config --list

아래 화면 처럼 user.email에 보면 로그인이 되어있는 것을 확인 할 수 있다.

3. 깃 레포지터리 초기화하기

git init

4. 현재 폴더에 있는 파일 추가하기

git add .

5. 커밋하기

git commit -m"first commit"

6. main branch로 이름을 바꿔줌

git branch -M main

1. 깃허브에서 새로운 레포지토리 만들기

2. 만들어진 깃허브레포지토리의 url복사

3. 리모트 오리진에 추가

git remote add origin https://github.com/infocentre/flutternewproject

4. 리모트 오리진 메인 브랜치에 푸시 (-u를 사용해서 로컬브랜치와 리모트브랜치를 연결)

git push -u origin main

vscode의 상단 view에 commend palette에 들어가면 새로운 플러터 프로젝트를 만들 수 있다.

폴더구조는 다음과 같다.

/.dart_tool

/.idea

/android

/ios

/lib

/test

/web

.gitignore

.metadata

.packages

pubspec.lock

pubspeck.lock

pubspec.yaml

readme.md

temp.iml

[다음] 깃에 플러터 올리기

아래의 화면은 flutter 공식홈페이지에서 가져왔다. 플러터의 튜토리얼을 이용한 이유는 개념이 비슷하기 때문이다. 

(이 개념은 html로 따지면 div에 이미 flex박스의 flex-direction: 속성이 걸려 있는 것과 같다. 하지만 플렉스박스 이전에 div를 float해서 레이아웃을 만드는 법과는 다르기 때문에 개념의 차이점을 정확히 아는게 중요할 것 같다.) 

아래의 화면은 Row와 Column 위젯이 엮여져서 만들어 졌다.(nested)

화면을 만들때 즉 큰 레이아웃부터 작은 레이아웃으로 만들어 나가면 된다.

위의 로우는 Row는 하나의 칼럼과 하나의 이미지로 구성되어 있다.

그리고 칼럼은 텍스트, 텍스트, 로우, 로우 위젯으로 구성되어 있다.

그렇다면 이러한 방법을 어떻게 PyQt5에 적용 할 수 있을까?

QHBoxLayout() 의 QH는 Q horizontal 을 의미한다. 즉 가로방향(로우)의 구성을 말한다. 

아래의 코드는 즉 row의 구성을 만든뒤 

hbox = QHBoxLayout()
hbox.addStretch(1)
hbox.addWidget(yesButton)
hbox.addWidget(noButton)
hbox.addStretch(1)

이러한 형식으로 가로의 레이아웃이 잡힌다.

QVBoxLayout() 즉, 세로방향의 구성에 넣는다.

vbox = QVBoxLayout()
vbox.addStretch(1)
vbox.addLayout(hbox)
vbox.addStretch(1)

이렇게 하면 기본적인 PyQT5의 기본적인 레이아웃을 잡을 수 있다.

어떤 모듈이 어디에 속해있는지 쉽게 찾을 수 있다!

https://doc.bccnsoft.com/docs/PyQt5/

간단한 예제로 어떻게 작동하는지 응용하기 쉬운 소스입니다.

QPrinter 클레스를 사용해서 출력합니다.

import sys

from PyQt5 import QtGui, QtWidgets, QtPrintSupport


class App(QtWidgets.QMainWindow):
    def __init__(self):
        super().__init__()
        # Create some widgets
        self.setGeometry(500, 500, 300, 300)
        self.button = QtWidgets.QPushButton(
            'Print QTextEdit widget (the one below)', self)
        self.button.setGeometry(20, 20, 260, 30)
        self.editor = QtWidgets.QTextEdit(
            'Wow such text why not change me?', self)
        self.editor.setGeometry(20, 60, 260, 200)
        self.button.clicked.connect(self.print_widget)

    def print_widget(self):
        # Create printer
        printer = QtPrintSupport.QPrinter()
        # Create painter
        painter = QtGui.QPainter()
        # Start painter
        painter.begin(printer)
        # Grab a widget you want to print
        screen = self.editor.grab()
        # Draw grabbed pixmap
        painter.drawPixmap(10, 10, screen)
        # End painting
        painter.end()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    gui = App()
    gui.show()
    app.exec_()

만약 전체를 출력하고 싶다면 screen =self.editor.grab() 대신 screen = self.grab()을 하면 됩니다.

출처: https://stackoverflow.com/questions/42455904/printing-from-main-page-in-pyqt5

SQLITE의 플러터 버전이다.

1. 경로정하기

 _path = await getDatabasesPath() + 'example.db'; // 디비의 경로를 정해준다.

2. DB 만들고 오픈하기

_db = await openDatabase(_path, version: _version, onCreate: onCreate);

디비 만들어질때 사용되는걸 정의 한다.

3. 디비가 만들어질때 테이블 생성하기

  static void onCreate(Database db, int version) async =>
        await db.execute('CREATE TABLE items (id INTEGER PRIMARY KEY NOT NULL, name STRING, price INTEGER, qty INTEGER, type STRING)');

데이타 베이스에 들어가는 순간 유니크한 프라이머리 키가 생성된다. (즉 index 1 2 3 4가 생성) 

4. DB에 존재하는 테이블들 보기

    static showTable() async {
      List result = await _db.rawQuery("SELECT name FROM sqlite_master WHERE type = 'table' AND name NOT LIKE 'android_%'");
      print(result);
    }

테이블이 만들어 졌는지 궁금할 것이다. 위의 rawQuery를 사용하면 만들어진 테이블을 확인 할 수 있다.

5. DB지워버리기

    static void deleteDB() async {
      await deleteDatabase(await getDatabasesPath() + 'example.db');
    }

6. 쓰기

 await _db.insert(테이블 이름, {키:벨류});

7. 읽기

await _db.query(테이블 이름);

8. 수정

9. 삭제

PreferredSize 위젯을 사용하는게 핵심이다.

https://mightytechno.com/flutter-custom-appbar/

파이어베이스를 통해 호스팅을 이용하면  1기가를 저장할 수 있고 월 10기가나 데이타를 전송하면서도 무료이다!

내가 만든 심플한 웹앱은 2MB인데 Good Good 심지어 SSL도 제공해주니 이보다 편할 수 없다.

자신이 만든 프로젝트나 소형 서비스를 만들때 이용하면 딱인거 같다.

넉스트의 single page app을 호스팅하는건 쉽다.

0. nuxt 싱글파일 빌드하기 -> dist폴더가 생성됨

npm run build

1. 구글툴즈 설치

npm install -g firebase-tools

2. 구글 로그인

firebase login

3. Allow Firebase to collect anonymous CLI usage and error reporting information? 

yes / no

4. 프로젝트에 파이어베이스 초기화하기

firebase init

5.

6. 디플로이

firebase deploy --project <프로젝트 아이디>

* 이런 에러가 나오는 경우

Error: HTTP Error: 401, Request had invalid authentication credentials. Expected OAuth 2 access token, login cookie or other valid authentication credential.

해결법 : 다시 구글에 로그아웃 했다가 다시로그인 함

https://stackoverflow.com/questions/52891500/http-error-401-while-setting-up-firebase-cloud-functions-for-android-project