60년만 코딩하자 ( 010.9289.9979 )

SELECT [col1,col2] FROM table WHERE 조건절.... LIMIT 인덱스 값(0부터 시작)

​

페이지당 10개씩 표시하는 방법

// 1페이지

SELECT * FROM page_table LIMIT 0, 10;

​

// 2페이지

SELECT * FROM page_table LIMIT 10, 10;

​

// 3페이지

SELECT * FROM page_table LIMIT 20, 10;

​

전체 게시물을 Count한뒤, 10개씩 나누어서 게시물을 가져와서 페이지에 표시한다

예전에 직장생활을 하면서 COBOL이라는 언어로 업무시스템을 개발하면서, 장부를 출력하는 업무를 개발할땐는,데이타베이스의 도움을 받기 어려워서 프로그램으로 장부를 인쇄할때 페이지당 20줄씩 프로그램으로 나누어서 프로그래밍을 했는데 , 요즘은 데이타베이스 엔진이 출력에 도움이 되는 기능을 많이 제공하고있어서 프로그램이 정말 많이 편해졌다.

90년대초에는 장부를 출력할때 소팅기능도 직접 프로그램하여 사용했던 기억이 납니다

구글에서 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중 인터넷 방식으로 준비 하였습니다.

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

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

어제 블로그 광고 수입이 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 버튼은 차량의 헤드라이트를 켜고 끌 수 있습니다.

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

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