60년만 코딩하자 ( 010.9289.9979 )

목동코딩: 코딩교육

​

프로젝트를 하면서 시간이 쫓기다 보면, 사용된 방법을 정리하지 못하는 경우가 있다.

그래서 이번에는 다음에 사용하기 위해서 조금 했갈렸던 ajax return 처리 방법을 정리해둔다

ajax call 할때 dataType :  "json" 이라고 하지 않아도 사용상에 문제가 없다.

​

ajax call

<script>
    $('tr').click(function() {
        // $(this).find("td:eq(0)").text();
        var ser = $(this).attr('ser');
        var con = confirm("선택한 메뉴를( " + $(this).attr('menu_name') + " ) 삭제할까요?");
        if(con == true){
            var form_data = {
                ser: ser
            };
            $.ajax({
            type: "POST",
            url: "./menu_deleteCart.php",
            data: form_data,
            success: function(response) {
                var data = $.parseJSON(response);
                alert(data.status);
                if(data.status == "OK"){
                    location.reload();
                }
                if(data.status == "NO"){
                    //삭제 실패함
                }
            }
        });   
        }
        else if(con == false){
            //삭제 취소
        }

 
    });

</script>
​

​

delete.php

$ser = $_POST[ser];

$response = array();

$sql = "";
$sql = $sql." Delete From tbl_cart ";
$sql = $sql." where ser = '$ser' ";

if (!mysqli_query($conn_hof,$sql))
{
  echo("Error description: " . mysqli_error($conn_hof));
  $response['status'] =  "NO";
}else {
  $response['status'] =  "OK";
}

echo json_encode($response);

목동코딩 : 코딩교육

문법 - strlen(),  mb_strlen()

strlen( string ) : string : 길이를 구할 문자열.

​

echo strlen( '123 abc' );

Space 포함 7을 출력다.

echo strlen( '가나다' );

Byte 수를 계산하여 출력.

​

mb_strlen( string [, encoding] ) : string : 길이를 구할 문자열.

encoding : 인코딩 방식, euc-kr, utf-8

echo mb_strlen( '123 abc' );

는 7을 출력합니다.

​

echo mb_strlen( '가나다', 'euc-kr' );

는 6을 출력합니다.

​

echo mb_strlen( '가나다', 'utf-8' );

는 3을 출력합니다.

​

여기서 나는 echo mb_strlen( '가나다', 'utf-8' );을 사용해서 글자수를 구했다

목동코딩 : ajax로 로그인 처리시 버튼 clcik 하면 추가로 버튼을 생성하는 방법

추가적인 동작이 필요한 프로그램에 사용하면 좋을거 같다

<script>
$(function (){
    $("#login").on("click",function(){
        $("div").html("<button id='button2'>click</button>");
    });
});
 
</script>
form에서 submit 실행시 처리방법

$("#login").submit(function(event){
    var mesg = "실패"
    if($(":text").val()=='ok'){
        mesg = "성공";
    }
});
​

다음은 폼 이벤트 처리이다

    <form>
        <input id="target" type="text">
        <input type="text">
    </form>
    <button id="id1">focus</button>
    <button id="id2">blur</button>

...

$(function (){
   $("#target").focus(function(){
       $(this).css("background", "red");
   });
   $("#target").blur(function(){
       $(this).css("background", "");
   });
   $("#id1").on("click",function(){
       $("#target").focus();
   });
   $("id2").on("click",function(){
       $("#target").blur();
   })

   $("select").change(function(){
        $("div").text($("option:selected").text());
   });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
..
..
<div class="container-login100-form-btn">
	<div class="wrap-login100-form-btn">
	<div class="login100-form-bgbtn"></div>
	<button id="login"  class="login100-form-btn">
		Login
	</button>
	</div>
</div>

(1)번
<div class="container-login100-form-btn">
	<div class="wrap-login100-form-btn">
	<div class="login100-form-bgbtn"></div>
		<button               id="login"  class="login100-form-btn">
				Login
		</button>
	</div>
</div>

(2)번
<div class="container-login100-form-btn">
	<div class="wrap-login100-form-btn">
	<div class="login100-form-bgbtn"></div>
		<button type="button" id="login"  class="login100-form-btn">
				Login
		</button>
	</div>
</div>

지금은 YouTube와 구글 Browser가 충분한 선생님이다 ㅎ

처음 전산실 근무하며, COBOL만 사용하며 근무해도 월급 받기 충분했지만,

HP SE(System Engineer)로 근무하던 친구가, 앞으로는 MS제품 한 두개는 할 줄 알아야 한다 기에, Windows NT, Visual Basic 을 공부해서 한 시절을 버텼다.

외국에서 들어온 뒤 ,20대 후반의 젊은 친구가 Andorid 와 Unity 3d 라는게 있다고 하기에, 또한 공부 해서 지금 까지도 버티고 있다.

서버 운영도 Windows 환경에서 Linux 환경으로 바꿔서 지금껏 사용하는데, 또 한 번 공부를 하려고 벼르던 것이 Docker 와 kubernetes 였다.

다양한 환경의 시스템 유지 보수와 신규 시스템 개발을 하다 보니 공부할 필요성을 느꼈지만, 미루고 미루다가 최근에 일차 공부를 마치고 실제 서버 운영을 Docker 방식으로 시작했다. 서로 다른 서버 환경을 하나의 서버에서 구동 하다 보니 신기하기도 하고 비용도 절감이 된다.

YouTube를 보다 보면 자꾸 연관 검색에 뜨길래, 공부 해야지 해야지 하고 미루다가 시작한 Docker , kubernets 공부하는데 , 근 한 달 간을 선생님 역할을 해준 구글 검색과 유튜브에 감사한다.

집에서도 채널 Scan을 한번하고 나면 YouTube로 넘어가서 나만의 공부를 한다 ㅎㅎ

목동코딩 : 인공지능수업, 온라인코딩수업

​

요즘, 보안관련, 진단관련, 음식 메뉴 관련 인공지능 응용시스템을 만들고 있다.

속으로 조금 걱정을 했는데 의외로 인식을 잘한다.

강아지나 고양이 와는 다르게, 외형이 불규칙해서 될까? 싶었는데 의외의 결과가 나왔다.

이번 프로젝트를 통해서 앞으로는 비젼시스템이 주된 방식이 될거 같은 확신이 든다.

물론 이 자체로는 활용 하기가 곤란하겠지만, 다양한 플랫폼이 추가되면 아주 큰 활용이 가능하다는 생각이 든다.

​

아래 사진은 인터넷에서 다운받은 사진으로서 육개장, 냉면, 라면, 콩장, 짜장면을 인식한 샘플사진이다.

목동코딩학원: 인공지능수업

​

요즘 인공지능 활용을 위해 Custom dataset을 만드는 재미에 푹 빠져있다.

프로젝트를 하면서, 직접 나만의 Cusotom Detection이 필요하다 보니 유튜브에서 많은 영상을 보며 공부했다.

그결과 이제는 내가 원하는 데로 학습시키고 , 인식 하는데 많이 수월해 졌다.

jpg, mp4, rtsp방식등 여러번 테스트를 하면서 다양한 수요에 준비를 하는 중이다.

요즘 요청 받는 프로젝트는 거의가 인공지능( A.I )가 필수이다.

그만큼 인공지능이 보편화 되어가는것 같다.

​

아래 영상은 유튜브영상을 Object Detection한 영상이다

( 상업적 목적이 없습니다. 혹시 저작권등에 문제가 된다면 지우겠습니다 )

​

참고로 공부한 영상을 올려본다.

골프 스윙 측정기를 만들었다 ㅎㅎ

직업의 특성상 실내 작업이 많아졌다.

특히 일이 많아진 요즘은 앉아서 프로그램을 작성하다 보니,시간상 실내에서의 운동 방법이 필요했다 .

그래서 아령도 해보고 스트레칭 도구로 운동도 해보고 해도 재미가

영 없다.

그러던 중 지금 유지보수 하는 업체의 지원 요청이 뜸해져서 , 귀찮아서 미루기만 했던, 골프 연습시 스윙할 때, 회전수를 측정하는 장치를 만들기로 했다.

예전에는 전자회로를 구상하고 납땜 하는 것을 좋아했는데 눈이 안좋아진 요즘은 프로그램 작성하는 것에 더 애정이 간다.

드디어 미루어 만 왔던 간단한 장치를 만들기로 하고, 오늘 드디어 만들었다. 혹시 그런 제품이 있나 해서 알리를 찾아 봤는데 발견하지 못한 것이 만들 수 밖에 없는 이유가 됐다.

간단한 장치 이지만 원하는 기능을 만들다 보니 하루가 꼬빡 소요됐다 . 나중에는 모바일에서 데이타를 확인 하도록 수정해야겠다 ㅎ.

이제 알리에서 구매한 연습 매트가 도착하면, 상단에 장착해서 파워를 측정하며 운동을 할 생각이다.

이렇게 만들 줄 알았으면 진작 주문을 할걸 하는 생각이 든다....