여행하는 코딩끄적끄적

대표사진 삭제 사진 설명을 입력하세요. FAA(Federal Aviation Administration, 연방 항공 행정부)에서 자동 운행 스마트 드론에 대한 규제를 10월에 크게 줄여주었다. 북 캐롤리나에 있는 어느 다리에서든 자동운행 스마트 드론(Skydio 사)으로 4년 동안 조사할 수 있도록 허가해주었다. 단 사람이 먼저 해당 다리 확인한 다음에 가능하다. 현재 US 에어스페이스 법 집행관은 더 크게 규제를 풀어주었다 : "American Robotics" 사는 드론 주변에 조정하는 사람 없이 운행할 수 있는 첫번째 회사가 되었다고 한다. 하지만 언론에서 발표한 "FAA에서 승인한 첫번째 상업용 자동운행 드론"은 기대에는 못미치고 있다. 왜냐하면 여전히 사람이 필요하기 때문이다. 법적으로는 승인되..

아수스(Asus) 사에서 쿨링팬이 없는 새로운 크롬박스(Chromebox)를 발표하였다 : Asus Fanless Chromebox 이전 모델과 마찬가지로 Asus Fanless Chromebox 는 컴팩트한 크기를 가지고 있고 모니터 뒤에 쉽게 설치할 수 있게 되어 있다. 공간을 많이 차지 않아 책상 같은 곳에 놔두어도 된다. 의도 하지 않았겠지만 디자인이 다소 무선 라우터와 비슷하게 생겼다. Asus Fanless Chromebox 는 8.15 x 5.82 x 1.26 인치 크기이다. 그리고 외부 샤시는 알루미늄으로 되어있고 사각형 박스 모양이다. 디자인 특징은 박스 윗 부분에 이랑(ridged)과 후면에 두개의 안테나에 있다. 이번 크롬박스의 특징은 10세대 Intel 코어 또는 Celeron 프로..

엔비디아의 새 출시품인 RTX 3080, 3070, 3060 Ti와 AMD의 RX 6800, 6800 XT 모두 현재 수급이 어렵다. 출시 되면 즉각적으로 팔리고 있다. 이와 같은 믿을수 없는 수요는 GPU 가격을 수백불에 달하게끔 상승시키고 있다. 트럼프 정부의 세금과 치솟는 cryptocurrecy 가격이 GPU의 가격(비트 코인 채굴에 이용)을 더 높게 만들었다. 심지어 예전 GPU 모델들도 온라인에서 빠르게 팔리고 있다. 이번주 엔비디아와 AMD에서 업데이트 뉴스를 발표했다. AMD 사에서 발표하기를 2021년 1분기에 고정된 가격으로 본사의 웹사이트에서 자사 대표 모델인 RX 6800, 6800 XT, RX 6900 XT를 판매하기로 하였다. 가격은 $579, $649, $999로 별도의 증가는..

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

소니도 드론 사업을 시작 하였습니다. Airpeak 라는 이름의 드론을 올해 2021 미국 CES에서 처음으로 간략하게 선보였습니다. 새로 출시되는 이 드론은 Alpha 카메라는 운반할 수 있는 드론 중 가장 작은 크기라고 알려져 있습니다. Airpeak의 주 사용은 비디오 컨텐츠 제작 및 전문 사진 촬영입니다. 소니 측에서 해당 드론은 지형이나 도시 촬영용으로 사용된다고 얘기 하였지만 그 외에는 알려진 정보가 거의 없습니다. 이번 CES 쇼케이스에서는 소니사의 컨셉차량 Vision-S의 추적 촬영을 선보였습니다. CES2021에서 보여준 모델은 quadcopter(4개의 프로펠러) 였습니다. 두개의 착륙 장치가 있었고 이륙 시에는 위 쪽으로 접혔습니다. 드론 사업이 소니가 처음하는 분야이지만 카메라에 ..

이번 프로젝트는 아두이노에서 온도값을 컴퓨터로 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 ..

코드 >> 결과>> ​ 코드>> 결과>> ​ 주석>> bootstrap container 클래스는 두번째 결과처럼 양 옆에 여분을 주고 container-fluid 는 옆에 여분없이 가져간다. 해당 성질은 bootstrap.css에서 가져 온것이다.

html 문서에서 head 내에 필요한 css나 js(javascript) 문서 링크를 선언한다. ​ 코드>> 주석>> web 브라우저에 그래프를 그리기 위해서 필요한 js와 css를 가져오는 가정이다. ​ link 문에는 css 문서를 css 서버에서 가져온다. ​ script 는 js 자바스크립트 문서를 가져온다. jquery는 javascript 코드를 사용하기 편하게 만들어놓은 일종의 라이브러리로 앞으로 진행할 프로젝트에 필요하다. ​ bootstrap은 jquery 처럼 누군가 구현하기 피곤한 javascript를 객체로 제공하는 것으로 우리는 필요한 부분만 빼서 사용하면 된다. ​ Chart는 그래프 그릴때 필요한 자바스크립트로 이미 구현된 것을 명령어들을 가져와서 사용하면된다.

자바스크립트의 객체 지향을 공부했다. 파이썬의 Class 와 유사했다. 파이썬의 클래스에서 init에서 변수를 선언하고 그 뒤에 함수들을 선언해서 사용하는 것과 유사하게 javascript 에서 사용할 수 있다. 아래 예를 통해 이해해 보자. 코드>> 결과>> 주석>> a_var 라는 객체 안에 변수들을 키값하나에 다시 객체로 넣었다. 그리고 함수를 'function'이라는 키값 안에 넣었다. for 문 안에 this가 있는데 이것은 python에서 self를 말하는 것처럼 여기서는 a_var 자신을 가리키는 것이다. 그래서 a_var에서 변수 키값인 "variables"를 사용해서 값을 가져와서 함수에 적용한 것이다.

코드 예제를 통해 바로 이해해보자 코드>> 결과>> 주석>> push 는 배열 마지막에 추가해준다. concat은 배열 마지막에 여러값을 추가해준다. unshift는 배열 앞에 추가해준다. splice는 원하는 인덱스 위치에 여러 값을 넣어준다. pop은 배열 마지막 값을 빼준다. shift는 배열 앞의 값을 빼준다. sort는 숫자나 string을 정렬해준다. reverse는 역순으로 정렬해준다.

크롬 브라우저에서 디버깅 하는 방법을 정리하겠다. 아래와 같은 코드를 실행한다고 가정하겠다. 코드>> hello1 hello2 주석>> 코드를 실행하고 한줄 한줄 내용을 확인하고 싶을때 break point를 정하고 그 부분부터 한줄씩 코드를 실행하면서 변수가 값의 변화를 확인하는 것을 debugging 이라고 한다. 위와 같은 코드는 간단해서 쉽게 알수 있지만 만일 코드가 복잡하고 많은 변수가 있다면 변수의 변화를 직관적으로 확인하기 힘들 때가 있다. 그럴때 코드를 실행 후 웹 브라우져에서 마우스 오른쪽을 클릭하고 검사를 누른다. 그럼 아래 그림처럼 나온다. 그림에서 위에 탭중에 Source를 선택한다. 그럼 아래처럼 코드를 확인할 수 있고 원하는 break point 지점의 숫자를 클릭한다. 여기 예..

자바스크립트로 웹페이지에 텍스트를 표현하고 싶을 때 사용하는 명령어 이다. 아래 코드로 애해해보자. 코드 >> hello1 hello2 결과>> 주석>> 자바스크립트로 write를 이용해서 글을 쓰는 이유는 반복적인 동작이나 논리에 따른 텍스트의 변화를 주고 싶을때 write와 함께 사용할 수 있다.

자바스크립트 prompt는 웹 화면에서 입력을 받아서 넘겨 주는 역할을 한다. 아래 코드를 통해 이해해 보자. 코드 >> 결과>>

이제부터 자바스크립트 기초부터 정리하려고 한다. 파이썬의 print 와 비슷하게 결과들을 확인 하는 방법으로 alert와 console log로 확인하는 방법이 있다. 아래 코드로 이해해 보자 코드>> 결과 >> 주석>> html 파일을 열면 위처럼 alert 메세지가 바로 뜨고 console log는 크롬에서 개발자 모드로 들어가면 위 그림처럼 console 탭이 있다. console 탭을 선택하면 위처럼 메세지 값을 확인할 수 있다.

이번 프로젝트는 미리 만들어 놓은 아두이노에서 온도 습도 가스 등등의 값들을 측정해서 serial 통신으로 1초 간격으로 보내주는데 받은 값을 파이썬으로 mongodb에 저장하는 파이썬 프로그램을 만들 것이다. 저장값은 robo 프로그램으로 확인할 것이다. 아래 값은 아두이노에서 보내는 값들이다 이중에 온도와 습도를 의미하는 Tv와 Hv 값을 가져오겠다. As0 Vs10 Es0 Cs400 Ts4000 Hs0 Lv0 Cv1129 Tv6855 Hv1561 Vv0 Ev400 Dv3 파이썬 코드를 통해 이해해보자 코드 >> from pymongo import MongoClient from time import sleep import serial import time class SertoDB_OOP(): def ..

HBO Max 가 다음 세대 PS5 콘솔에서 시청이 가능해질 것이라고 수요일에 소니측에서 발표 했다. PS 콘솔에서는 스트리밍 서비스를 하지 않았던 HBO가 PlayStation 트윗 계정을 통해 이 같은 사실 발혔다. PS4 에는 안타깝게도 해당 사항이 없다. PS5 사용자들은 내년 HBO 스트리밍 서비스로 출시할 Wonder Woman 1984를 4K HDR로 볼 수 있을 것이다. (Xbox Series X/S 사용자들은 해당 HBO 앱을 이용 사용이 가능함) 처음에 PS5에서 HBO Max를 다운 받았을 때 PS4에서만 사용가능하다고 나왔지만 reboot 이후에 다운로드가 가능했다. 만일 HBO Max 앱 다운을 원한다면 PS5 홈 스크린에서 media 탭에서 찾을 수 있다. ​ ​ 원문>> Son..

이번 주제는 하나의 프로그램이 db에 쓰기만을 하는 동안 다른 프로그램에서 해당 db에 접속해서 읽는동작만 하는 것을 구현하였다. 일초 단위로 읽고 쓰고 읽는 값은 마지막 3개의 값만 출력하는 것으로 하였다. 파이썬으로 작성하였고 pymongo로 동작한다. 아래 코드를 통해 이해해 보자. 코드 - write.py>> from pymongo import MongoClient from time import sleep my_client = MongoClient("mongodb://localhost:27017/") db = my_client['number_inc'] db_col = db.numbers idx = 0 while True: post = { "num": idx, } db_col.insert_one(p..

이번 주제는 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..

Google에서 화요일 오후(미국시간) 상당 수의 Gmail 사용자들이 Gmail 서버스 사용에 오류를 겪었다고 발표했다. 사용자이 inbox 에 접속할 때 에러 메세지나 이상 현상 등이 발생하였다고 서비스 페이지에 발표하였다. Google은 해당 문제를 6:51PM ET에 해결 하였다고 발표 했다. 해당 에러는 Gmail, YouTube, Google Docs 과 같은 Google 제품의 먹통 현상이 발생한지 하루 뒤에 발생한 것이다. Downdetector(웹사이트 문제현상 모니터프로그램)이 약 3PM ET에 Gmail 문제 현상을 발견했다. 사용자들은 inbox 접속 불량, 이메일 송신 실패(gmail간) 등을 보고 했다. 원문>> Google says that a “significant subse..

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..