여행하는 코딩끄적끄적

자바스크립트의 객체 지향을 공부했다. 파이썬의 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..