여행하는 코딩끄적끄적

개인 블로그를 처음부터 만들면서 공부할 예정이다. 우선 웹서버를 동작 시켜줄 프로그램은 Flask를 사용할 생각이다. 그리고 블로그 컨텐츠들은 mongo db에 저장하고 robo 로 결과를 확인할 생각이다. flask 와 mongodb에 대한 부분은 내 블로그 카테고리 또는 검색을 통해 알아보자. 아래 코드는 파이썬에서 flask 모듈을 가져와서 선언해주고 mongodb와 연결한 코드이다. 제대로 연결이 되었는지 확인을 위해 임의로 작성한 데이터를 mongodb에 업로드 해보고 결과를 확인해보겠다. 코드>> from flask import * from flask_pymongo import PyMongo import time #############################################..

JSON 의 의미와 사용 목적 JavaScript Object Notation (JSON) 는 텍스트 형식으로 구조화된 형태로 자바스크립트 구문을 사용한다. JSON은 데이터를 웹 application에 전송할때 주로 사용된다. 가령 데이터를 서버에서 클라이언트의 웹브라우저로 보내거나 반대로 웹에서 서버로 보낼 때 사용된다. JSON 이 비록 자바스크립트의 형태를 따르기는 하지만 자바스크립에서 독립적으로 사용될 수 있고 많은 프로그램 환경에서도 JSON 기능을 제공한다. 현재 내가 개발하고 있는 환경은 파이썬 Flask를 이용해서 웹서버를 만들고 웹서버에서 주기적으로 웹브라우저에 데이터를 보내주는 예제이다. 만일 JSON을 사용하지 않고 데이터를 보내려고 한다면 python에서 별도의 encoding 과..

이번 프로젝트는 아두이노에서 온도값을 컴퓨터로 serial 통신을 사용해서 전달한다. (1초단위) ​ serial로 받은 값은 파이썬과 mongodb를 이용해서 db에 저장한다. ​ 동시에 다른 파이썬 프로그램에서는 web GUI 를 flask를 이용해서 실행시키고 db에서 읽은 값을 웹브라우져를 통해 그래프로 표현하다. ​ 여기서는 그래프로 출력하는 파이썬 flask와 html 코드를 설명하겠다. ​ 코드 - flask python>> from flask import Flask, Response, render_template from pymongo import MongoClient from datetime import datetime import json import time import random ..

이번 주제는 flask로 웹서버를 동작시키면서 동시에 serial 통신으로 아두이노로 부터 값을 계속 받아오고 싶었다. 처음에 사용한것은 thread 모듈이었는데 웹서버와 같이 thread를 돌리는 방법은 시도하다가 잘안되서 포기하였다. 그렇게 찾은 것이 flask의 Response 함수 였다. Reponse는 말그대로 실시간 (on the fly)로 데이터를 처리해주는 것이다. 아래 링크를 통해 공부하였다. https://flask.palletsprojects.com/en/1.1.x/patterns/streaming/ Streaming Contents — Flask Documentation (1.1.x) Streaming Contents Sometimes you want to send an enormo..

bootstrap을 간단하게 말하자면 트위터에서 개발한 일종의 라이브러리/템플릿 정도로 보면 된다. 우리가 웹사이트를 개발할때 사람들에서 보여지는 front end를 개발해야 하는데 이부분이 미적감각도 있어야 하고 javascript css 등 신경써야할 부분이 많다. 이런 노동들을 줄이고자 많은 bootstrap template를 유료 또는 무료로 사용할 수 있다. 여기서는 간단히 로그인 페이지를 무료 template를 가져와서 flask와 연동해서 만들어 보겠다. https://getbootstrap.com/docs/5.0/examples/ 위 링크에서 example를 다운로드 한다. 그중에 bootstrap-5.0.0-beta1-examples\bootstrap-5.0.0-beta1-examples..

jquery란 javascript의 라이브러리이다. 라이브러리의 일반적인 기능처럼 구현하기 복잡한 javascript 코드나 기능들을 사용자들이 쉽게 사용할 수 있게 해준다. jquery를 사용하기 위해서 html head에 사용한다고 선언해주어야 하는데 여기서 라이브러리 위치를 지정해줘야 한다. 보통 서버에 jquery를 저장하거나 jquery 웹이나 google웹에 위치한 라이브러리를 가져오는데 웹에서 가져오는 장점은 전세계에 서버가 많이 퍼져 있어서 라이브러리를 이용하는 사용자가 자신 가까이 위치한 웹서버에서 가져온다. cdn (content delivery network)는 해당서버에서 가져오는 내용(라이브러리)라고 보면된다. 기초적인 명령어는 코드 예제를 통해 이해해보자. 코드-flask.py>..

flask route는 입력 인자의 위치를 웹브라우져를 통해 접속 했을 때 route 바로 밑에 정의 된 함수를 실행해서 return 값을 웹브라우져에 표현해 주는 것이다. 아래 예를 통해 이해해보자. 코드 - test.py>> from flask import Flask from flask import request from flask import render_template web_gui = Flask(__name__) @web_gui.route('/') def hello_fnc(): return 'Hello' @web_gui.route("/page", methods = ["GET", "POST"]) def page_fnc(): if request.method == "POST": return 'POST..

이 프로젝트의 최종 목적은 아두이노에서 모은 가스, 온도, 습도 정보를 web GUI(Graphic User Interface)로 표현하는 것이다. 우선 첫단계로 일반적인 페이지에서 정보를 받아서 POST form으로 서버의 DB에 저장하는 예제를 실행하겠다. 파이썬 flask로 web GUI를 만들 예정이고, db는 Mongo 를 이용할 것이다. 코드-data_send.html>> raw data0 주석-data_send.html>> form으로 묶어서 POST를 보내는 것이다. action은 form을 진행한 다음 동작인데 그냥 원래 위치 그대로 유지한다. raw_data0을 동일한 이름으로 name에 묶어서 보내주는 역할을 한다. 코드- run.py>> from flask import Flask f..