Junn_

SourceTree

소스트리(Sourcetree)를 사용하여 진행중인 프로젝트에 대해서 쉽게 관리할 수 있는 방법을 소개해 드리겠습니다.

https://www.sourcetreeapp.com/

Repository

저장소 주소(HTTPS) 복사

sourcetree 실행 후 - clone

화면구성

위 화면을 보시면 현재 파일상태, history, 변경 내용 등 프로젝트에 대한 관리를 시각적으로 할 수 있습니다.

코드수정

수정된 부분은 자동으로 반영이 되며, 변경사항을 간편하게 확인할 수 있습니다.

커밋 / 푸쉬를 누르면 저장소에 반영이 됩니다.

저장소에 반영된 모습이며, 우측 하단에 변경사항에 대한 코드를 보여주는 것을 확인 하실 수 있습니다.

anlaysis_options.yaml

main.dart

이미지 추가

• assets 폴더(Directory) 생성 후 이미지 파일 넣기
• pubspec.yaml 파일에 assets 폴더 선언

• main.dart 에서 이미지 추가

• appbar, body, bottomNavigationBar 추가

결과물

다운로드

https://docs.flutter.dev/get-started/install/windows

위 페이지에서 OS 맞는 현재 버전의 zip파일을 다운로드 해줍니다.

• c드라이브에 새로운 파일(flutterSDK) 생성 후 —> 압축해제 한 파일’flutter’ 붙여넣기.

• visual studio 2022 설치

데스크톱 개발 워크로드 체크 후 설치 진행.

• android studio SDK 설정(Tool - SDK Manager - Settings - SDK Tools —> Android SDK Command-line Tools (latest) 체크)

• 커맨드라인 도구 설치 후 cmd창에서 flutter doctor --android-licenses 입력.
• flutter폴더로 이동후 flutter doctor 입력.

+ 오류 발생시?

해당 오류가 발생했을 경우 아래의 절차를 따른다.

-> flutter channel master

-> flutter upgrade

이후 flutter doctor를 입력하면 해결이 됩니다.

plugins 설치

[File] - [Settings] - [Plugins]

Flutter 검색 후 설치

android studio에서 new flutter project 생성.

matplolib.pyplot

matplolib의 pyplot을 이용하여 현재 온도와 습도에 대한 측정 값을 그래프로 나타내는 코드입니다. 

import serial as sr
import matplotlib.pyplot as plt
import numpy as np

s = sr.Serial('COM11', 9600) # 포트, 전송속도
# plt.colse('all')
plt.figure()
plt.ion()
plt.show()


data1 = np.array([])
data2 = np.array([])
i = 0

while True:
    a = s.readline()
    b = s.readline()
    a.decode()
    b.decode()
    a1 = float(a[0:4])
    b1 = float(b[0:4])
    data1 = np.append(data1, a1)
    data2 = np.append(data2, b1)
    plt.cla()

    plt.subplot(121)
    plt.plot(data1)
    plt.title('temperature')

    plt.subplot(122)
    plt.plot(data2)
    plt.title('Humidity')
    plt.pause(0.01)
    i = i+1

여러개의 그래프를 나타낼 때 plt.subplot으로 나누어 사용할 수 있습니다.

plt.subplot(row, column, index)