60년만 코딩하자 ( 010.9289.9979 )

목동코딩에서 스터디카페 IoT프로젝트를 하면서, 어떤 보드로 테스트할까 고민을 하다가 , 전파인증이 되어있는 라즈베리파이를 사용하기로 했습니다. 제품 가경이 저렴한 아두이노에 이런 저런 모듈을 연결하여 테스트나 제품 개발도 가능하지만, 제품의 개발이 완료되고 나서 전파인증 이나 적합성 인증에 대한 부담이 커서 조금 가격은 비싸지만 라즈베리파이로 개발하기로 마음을 먹고 테스트를 하였습니다.

현재까지 제가 원하는 제품을 만드는데 별다른 문제는 없어보입니다.

라즈비안 설치도 쉬웠도 파이썬 프로그램 구동도 수월했습니다

현재까지의 과정을 담음 영상입니다

구글에서 Blockly를 공개하고 , 여러 업체가 Customizing 하여, 스크래치, 엔트리 등을 만들어서 블록코딩을 공급하고 있습니다.

그중에 커먼코딩( commoncoding.io )에서 A.I를 이용하여 T-REX가 스스로 학습하며 , 게임을 하는 영상을 유튜브에 올렸습니다.

지난번 사적으로 만난자리에서 , 스마트폰 영상을 저한테 보여 주었었는데, 조금 보완해서 따라할 수 있는 영상을 제작했나 봅니다.

게임도, A.I시대에는 내가 게임을 하는 재미 보다는 , 스스로 게임을 하게 만드는 재미에 빠져야 할 거 같습니다.

기계가 잘하는 건 기계가 하고, 사람이 잘하는건 사람이 해야겠죠!

그럴려면 잘 만들수 있는 사람을 만드는 교육이 더욱 필요해 졌습니다 ㅎㅎ

https://youtu.be/E8hxKE_k88c

https://youtu.be/zD9ZHu438QA

목동코딩:

웹사이트를 개발하면서, datebase에서 가져온 내용을 표시하다 보면 표시할 글자수의 차이로 인하여, 아래의 사진과 같이 페이지가 일그러지는 현상이 발생한다.

이 부분을 구글 개발자 모드에서 이미 표시된 css를 막고서 화면을 보면 잘 표시되건 페이지가 찌그러진다

element.style {

/* overflow: hidden; */

/* text-overflow: ellipsis; */

/* white-space: nowrap; */

}

이제 다시 원래대로 다시 3개의 css 를 체크하고 확인하면, 다시 원래대로 이쁘게 표시된다.

넘치는 글자수는 ... 으로 바뀌어서 표현이 된다.

​

element.style {

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

목동코딩:

오늘은 청라에 가서 무인 스터디카페 시스템을 종합 테스트를 진행했습니다. 그중에 입실.퇴실과 동시에 각각 회원의 자리의 전등제어를 하기 위해서 Sonoff의 펌웨어를 커스터마이징을 하였습니다.

이번 시스템은 중앙 집중적인 서버 방식에서 벗어나, 로컬방식으로 진행했습니다.

간혹 중앙 집중적인 서버에 문제가 생기면, 전체 스터디카페 프랜차이즈가 문제가 발생하는 것을 방지 하기 위하여, 로컬 방식으로 진행을 했습니다. 그리고 인터넷으로 인한 문제를 최소화 하기 위해서 3중 인터넷 방식으로 준비 하였습니다.

전등제어 전체 모듈에 펌웨어를 업로드 한후 , 자리예약, 입실, 퇴실을 테스트 해보니 다행스럽게 잘 동작 하였습니다.

이제 본격적으로 무인 스터디 카페가 오픈을 하면 , 조금 더 모니터링을 하면서 혹시 수정 사항이 있는지 , 다시 한번 체크할 예정입니다. 경험상 시스템의 가(假) 오픈에서 발견되지 않던 오류가 , 실제 오픈에서 발견되는 경우가 종종 있으니 신경을 더 많이 써야 하겠습니다 ㅎ.

목동코딩학원:

​

html5 에서 시작일자와 종료일자를 자동으로 관리할 필요가 생겼다.

시작일자를 설정하진 않으면 오늘 날자가 설정되고, 일주일 뒤를 종료일자로 설정하는 방식이 필요했다.

<div class="form-group text-left">
    <!-- 시작일자 -->
    <label for="StartDate" class="col-sm-12 text-left" style="padding-left:0;">시작일자</label>
    <input type="date" id="StartDate" name="StartDate" value="<?php echo($StartDate); ?>"
  class="form-control text-center" style="display:inline-block;">
</div>

<div class="form-group text-left">
	<!-- 종료일자 -->
	<label for="EndDate" class="col-sm-12 text-left" style="padding-left:0;">종료일자</label>
	<input type="date" id="EndDate" name="EndDate" disabled value="<?php echo($EndDate); ?>"
	class="form-control text-center" style="display:inline-block;">
</div>
<div class="form-group text-center">
	<button id="basicBtn" type="submit" class="btn btn-success btn-sm"
	style="width: 100%;">올리기</button>
</div>

<?php
   
    $StartDate = date("Y-m-d");//시작일자
    $EndDate = date("Y-m-d",strtotime("+6 day")); //종료일자
?>
   

$(document).ready(function() {
        $(document).on("change", "#StartDate", function() {
            var sDate = new Date($("#StartDate").val())
            var year = sDate.getFullYear();
            var month = ("0" + (1 + sDate.getMonth())).slice(-2);
            var day = ("0" + (sDate.getDate() + 6)).slice(-2);
            var eDate = year + "-" + month + "-" + day;

            $("#EndDate").attr("value", eDate);
            });
});