728x90

로봇의 침투가 너무 빠르다....

이전에도 사무자동화로 인해서 많은 인력의 고용이 감소했다.

처음 대학 졸업후 직장에 들어 가니, 타자기에다 검은 카본지를 겹쳐서 문서를 만드는 사무환경이었다.

그 당시 차기 연도 예산을 작업하려면 3개월이나 소요되었다.그러다가 예산을 관리하는 프로그램을 개발하니 3개월이 14일로 줄어들었다.

요즘은 엑셀로도 가능한 기능이지만, 그 당시는 획기적 이었다.그리고, 회계팀도 6~8명 이었는데, 회계 시스템이 개발되면서 나중에는 3명으로 충분이 업무가 가능해졌다.

그 당시에만 해도 일자리를 없애고 있다는 생각 없이 그냥 열심히 프로그램을 개발했다.

그러던 것이 요즘은 너무 너무 빠르다. 키오스크가 등장해서 주문받는 일자리를 차지하더니, 요즘은 서빙로봇, 요리 로봇이 개발되어서 , 나오는 속도가 상당히 빠르다.

내 생각에는 하드웨어의 발전이 빠르다 보니, 해당 로봇의 소프트웨어만 개발 해서 공급한다면, 흔히 말하는 무주공산이다.

할 일이 꽤 많을 거 같다.

반면에 미래를 준비하는 입장에선, 자꾸 줄어드는 일자리를 어떻게 대비해야 할지를 걱정이 된다.

더욱 더 양극화가 심해질 거 같다.

요즘은 무어를 열심히 안해서 가 문제가 아니고, 방향이 중요하다는 생각이 많이든다.

못하는 거를 보충해서 평균으로 만드느니, 내가 잘하는 거에 더욱 집중해서 격차를 벌리는 것이 중요하다는 결론이다.....

728x90
728x90

목동코딩 : 코딩교육

이제 내년이면 코딩을 시작한지 40년이 된다.

예전에는 코딩이라는 말보다는 프로그램이라는 말을 많이 썼고, 그 일을 하는 사람을 프로그래머라고 불렀다.

하지만 요즘은 코딩이라는 말을 많이 쓰고있다.

그러면 코딩하는 사람을 코더라고 해야 하는건가? ㅎㅎ. 시키는 일만 복사.붙여넣기 하는 사람을 우리는 코더라고 불렀다. 분명한 레벨의 차이가 있었다고 생각한다. 물론 인건비도 많이 달랐다.

요즘 코딩이라는 말을 많이 쓰듯이 배우는 내용도 많이 놀이식으로 진행되고 있다(내 생각에는 가르치는 사람에 맞춘 교육이지 않을까 싶다... ).

간혹 코딩을 배우는 나이를 많이 질문받고 있다. 내가 경험한 내용을 토대로 생각해 보면, 분명히 나이는 별관계가 없다는 생각이다.초등학생이던, 대학생이던간에 재능이 없으면 어른이라도 하지를 못한다. 반대로 초등학생이라도 재능이 있으면 가능하다.

지금 수업하는 중2학생도 초등3학년 부터 시작했다고 한다. 이 친구는 밤세우며 코딩( 게임이 아님 )을 하다 보니 학교갈 시간에 잠이 와서 부모님과 많은 갈등이 있나보다. 이제는 부모님도 자기가 잘하고 좋아 하는 거를 하도록 도와주는거 같다.

이번 수업은, 3시간을 칠판에 서서 둘이 진행했다. 질문이 많아서 수업내내 칠판에 설명하면서 진행을 했다. 혼자서 공부하고 , 인터넷에서 관심이 비슷한 친구들이라 함께 코딩을 공부 한다고 했다. 내가 도와줄 내용은 지금 공부하는 내용이 어떻게 쓰일수 있는지 또한 어느 방향을 해야 할지를 같이 고민하는 일이다. 물론 선택은 스스로 하겠지만.....

코딩은 절대 장난이 아니다. 필요에 맞춰서 공부하지 않으면 정말 시간 낭비다. 너무나 쉬운 원리만 오래 공부하는 경향이 있다.

나는 우리의 학생들이 긴 시간 공부하고도 실패했던 영어 교육이 떠오르는건 왜인지 모르겠다.

동남아 다녀온 사람에게 미국에 대해 배우면 제대로 배울수 가 없드시 말이다.....

728x90
728x90

목동코딩 : 코딩교육

웹 시스템을 개발하면서 결과에 따라서 서로 다는 내용의 팝업을 띄워야 하는 경우에 사용하는 방법이다

<div>로 Layer를 만들고 , Ajax 결과에 따라서 각각 다른 내용의 HTML을 띄우는 방법을 정리해둔다.

 

<div id="layerPopup"  class="text-center;" style="position:absolute; z-index:10; width:500px; height:500px; left:50%; top:50%; margin-left:-250px; margin-top:-250px;  background-color:white; display:none;">
        <div id="layerPopup_content">
        
        </div>
        <button type="button" id="btn_layerPopup_hide">팝업닫기</button>
</div>


<script>
    $(document).ready(function(){

        $('#btn_layerPopup_hide').click(function(){
            $('#layerPopup').hide();
        });
    });
</script>

<script>
        function checkEvent(){
            alert("이벤트 체크");
 
            $.post("phpCheckEvent.php", {
            User: "01092899979",
            Message: "message"
            }, function(data) {
                alert(data);
                if (data == "SUCCESS") {
                    $('#layerPopup_content').load('./popupOK.html', function(){
                        $('#layerPopup').show();
                    });
                } else {
                    $('#layerPopup_content').load('./popupNO.html', function(){
                        $('#layerPopup').show();
                    });
                }
            });
        }

</script>
popupOK.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>이벤트정보</title>

</head>
<body>
    <div class="container" >
        <div class="row text-center"  style="padding:20px ;">
            <div class="col-lg-12 col-md-12 ">
                <h1>출석이벤트에 당첨됐습니다</h1>
            </div>
        </div>
    </div>
</body>
</html>



popupNO.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>이벤트정보</title>

</head>
<body>
    <div class="container" >
        <div class="row text-center"  style="padding:20px ;">
            <div class="col-lg-12 col-md-12 ">
                <h1>다음 기회를 이용해 주세요</h1>
            </div>
        </div>
    </div>
</body>
</html>

 

 

목동코딩학원 , 무인스터디카페에 적용한 키오스크 출입통제

 

 

목동코딩학원 , 무인스터디카페에 적용한 키오스크 출입통제

 

728x90
728x90

목동코딩: 부트스랩을 이용하여 사이트를 개발할때 글씨 크기를 한눈에 비교하도록 정리된 html 파일입니다

<!DOCTYPE html>
<html lang="ko">
   <head>
      <meta charset="utf-8">
   </head>
   <body>
      <style type="text/css">@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css");</style>
      <style type="text/css">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");</style>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>

      <div class="container">
         <h6>h6</h6>
         <h5>h5</h5>
         <h4>h4</h4>
         <h3>h3</h3>
         <h2>h2</h2>
         <h1>h1</h1>
         <h1 class="size-4">size-4</h1>
         <h1 class="size-3">size-3</h1>
         <h1 class="size-2">size-2</h1>
         <h1 class="size-1">size-1</h1>
         <h1 class="size-4 font-weight-bold">size-4 font-weifht-bold</h1>
         <h1 class="size-4 font-italic">size-4 font-italic</h1>
         <h1 class="size-4 font-left">size-4 font-left</h1>
         <h1 class="size-4 font-center">size-4 font-center</h1>
         <h1 class="size-4 font-right">size-4 font-right</h1>
         <h1 class="size-4 text-primary">size-4 text-primary</h1>
         <h1 class="size-4 text-seconday">size-4 text-secondary</h1>
         <h1 class="size-4 text-success">size-4 text-success</h1>
         <h1 class="size-4 text-danger">size-4 text-danger</h1>
         <h1 class="size-4 text-warning">size-4 text-warning</h1>
         <h1 class="size-4 text-info">size-4 text-info</h1>
         <h1 class="size-4 text-light">size-4 text-light</h1>
         <h1 class="size-4 text-dark">size-4 text-dark</h1>
         <h1 class="size-4 text-muted">size-4 text-muted</h1>
         <h1 class="size-4 text-white">size-4 text-white</h1>
         <h1 class="size-4 text-white bg-primary">size-4 text-white bg-primary</h1>
         <h1 class="size-4 text-white bg-secondary">size-4 text-white bg-secondary</h1>
         <h1 class="size-4 text-white bg-danger">size-4 text-white bg-danger</h1>
         <h1 class="size-4 bg-warning">size-4 bg-warning</h1>
         <h1 class="size-4 text-white bg-info">size-4 text-white bg-info</h1>
         <h1 class="size-4 bg-light">size-4 bg-light</h1>
         <h1 class="size-4 text-white bg-darky">size-4 text-white bg-dark</h1>
      </div>

   </body>
</html>

 

 

 

목동코딩학원 코딩교육 프로젝트교육

 

 

728x90

+ Recent posts