60년만 코딩하자 ( 010.9289.9979 )

목동코딩:

웹사이트를 개발하면서, 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중 인터넷 방식으로 준비 하였습니다.

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

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

어제 블로그 광고 수입이 1만원이 넘게 들어왔습니다. 방문자가 적어서 인지, 아니면 네이버 광고 수익이 적은지 몰라도 조금씩 아주 조금씩 광고 수익이 들어왔는데 어젠 무슨 일이 있었는지 .. ㅎㅎ.

기분이 좋습니다.

아침에 유튜브를 보니, 나는 오프라인에서 일하고 , 나의 데이타는 메타버스에서 돈번다고 하더니, 내 데이타도 조금씩 돈을 벌어 들이나 봅니다 ㅎㅎ.

조금 더 노력하면 노후 대비가 되지 않을까 해서 조금더 열심히 블로그 작업을 하려 합니다. 아직은 누적 금액이 적지만 그래도 아침에 얼마들어 왔다 하는 마음으로 제일 먼저 확인합니다

목동코딩학원:

​

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);
            });
});

목동코딩:

예전에 만들었던 블루투스 리모트 컨트롤 앱을 조금 정비했습니다.

버튼으로 전,후,좌,우를 조정하지 않고 왼손 엄지로 드래그를 하면, 드래그 동작에 맞추어서 전,후,좌,우 로 동작합니다.

즉 전진하면서 좌회전, 전진하면서 우회전, 그리고 반대로 후진하면소 좌회전, 후진하면서 우회전이 잘 동작합니다.

그리고 자동,수동을 전환하여 수동 조정기능을, 자동으로 전환하면 라인트레이서 기능을 수행합니다.

또한 부저 버튼은 크락션이 울립니다 ㅎㅎ, LED 버튼은 차량의 헤드라이트를 켜고 끌 수 있습니다.

그외 다양한 기능은 아두이노 프로그램과 맞추어 커스토마이징이 가능합니다.

참 블루투스는 한번 연결이 되면, 앱 구동시 자동으로 연결됩니다.

목동코딩:

예전에 만들었던 블루투스 리모트 컨트롤 앱을 조금 정비했습니다.

버튼으로 전,후,좌,우를 조정하지 않고 왼손 엄지로 드래그를 하면, 드래그 동작에 맞추어서 전,후,좌,우 로 동작합니다.

즉 전진하면서 좌회전, 전진하면서 우회전, 그리고 반대로 후진하면소 좌회전, 후진하면서 우회전이 잘 동작합니다.

그리고 자동,수동을 전환하여 수동 조정기능을, 자동으로 전환하면 라인트레이서 기능을 수행합니다.

또한 부저 버튼은 크락션이 울립니다 ㅎㅎ, LED 버튼은 차량의 헤드라이트를 켜고 끌 수 있습니다.

그외 다양한 기능은 아두이노 프로그램과 맞추어 커스토마이징이 가능합니다.

참 블루투스는 한번 연결이 되면, 앱 구동시 자동으로 연결됩니다.

목동에서 코딩학원을 하면서 주변을 보았을때 생각보다 목동코딩학원이 많이 생기지 않고 있다는 것을

느꼈습니다.

3년전에 은평구에서 코딩학원을 하면서 들려오는 애기가 태권도 학원에서도 코딩강사를 파견해달라는

수요가 있다고 하기에 , 아! 내년에는 학원이라는 학원은 전부 코딩을 하겠구나하고 생각했었지요.

​

하지만 의외로 초등학교까지 의무교육이 된 상황인데도 쉽게 코딩학원이 생기지 않고 있읍니다.

아니 오히려 없어지는 학원도 생기고 있습니다.

​

이러한 현상은 코딩교육을 쉽게 생각하고 접근해서가 아닌가 싶습니다.

단기간의 스크래치나 엔트리의 교육을 받고 컴퓨터를 잘모르는 코딩강사가 코딩수업을 하면 된다고

쉽게 생각했던거 같습니다.

​

직장에서 프로그래머로 생활을 하였다고 하여도 자신이 맡았던 일만 아는 경우가 대부분입니다.

​

언젠가 컴퓨터 학원에서 20여년간 프로그램 언어를 강의 하여서 어지간한 언어 즉, C,C++,C#,JAVA등

을 수업하는 아버지가 6학년 딸이랑 학원에 상담을 오셨습니다.

오셔서 하시는 애기가 , 자신이 오랜시간 여러 코딩언어를 강의 했지만 이것으로 무엇을 하는지를 모르겠다고.....

하시면서 딸의 코딩교육에 대해 상담한 적이 있습니다.

아마도 실무 경험이 없고 시스템을 모르는 코딩 교육의 현실 인거 같습니다.

예전에 만화의 시나리오는 일본에서 만들고 밑그림을 그려오면 그림에 색칠을 하는 것을 코딩교육

이라고 이해하는 경우가 아닌가 싶습니다.

​

앞으로는 코딩을 하는 인공지능이 나온다고 하고 , 일부는 나왔다고 합니다.

하지만 시스템을 이해하는 인공지능은 아직 없습니다.

내가 말을 하면 말을 글자로 대신 Writing은 할 수 있어도 내 생각을 대신하기는 불가능한 이치와

같습니다.

무엇을 쓸것인가가 중요하듯이 , 무엇을 코딩할것인가에 코딩교육이 포커싱 되어야 합니다

​

코딩으로 무엇을 할 수 있는지를 모르는 코딩수업을 보내는 부모님들을 보면서, 브랜드별로 다른 리모컨 사용법에

열중인 학생들을 보면서 간단하게 글을 써봅니다.....

​

요즘 이런 문제점을 느낀 부모님들의 상담이 까다로와 지는 이유로 코딩학원이 쉽게 생기지 않구나 라고

생각이 듭니다

​

시스템을 설명할수 있는 사람이 코딩교육을 하여야 전제적인 그림이 그려집니다

웹 페이지를 가져와서 화면에 표시할때 , 화면 깜밖임이 없이 데이타베이스 내용을 가져오는 방법이 필요한 경우와 새창으로 페이지를 여는 두가지 방법을 정리해 둡니다.

#1번 방법	
function Call_LC(LastNo)
    {
	    var txt;
	    if (confirm("(목동코딩학원 코딩수업")) {
		txt = "";
	    } else {
		 return false;
	    }
		var form = document.getElementById("UpForm");
		var Field1 = document.createElement("input");
		Field1.setAttribute("type", "hidden");
		Field1.setAttribute("name", "LastNo");
		Field1.setAttribute("value", LastNo);
		form.appendChild(Field1);

        form.method = "post";
        form.target = "_blank";
        form.action = "./새페이지.php";

        form.submit();
        }

#2번 방법
function TestNCS_LC(LastNo) {		
   var txt;
	if (confirm("확인하기")) {
		txt = "";
	} else {
		return false;
	}

	var form = document.getElementById("UpForm");
	var formData = new FormData(form);
	formData.append('LastNo', LastNo);
				
	var xhr = new XMLHttpRequest();
				
	document.getElementById("test").innerHTML = "";
	xhr.onreadystatechange = function() {
		if (this.readyState == 4 && this.status == 200) {
			document.getElementById("test").innerHTML += this.responseText;
	     }};
			
		xhr.open("POST" , "./가져올페이지.php" , true);
		xhr.send(formData);	
		}