728x90

목동코딩: 코딩교육

Php로만 프로젝트를 하다가, 갑자기 NGINX 에서 Kestrel 로 리버싱하여서 Asp.net mvc 프레임으로 개발하면서 많은 고생을 하고 있다. 그중에 SQL에 익숙한 나로선 해결 방법을 찾는데 많은 고생을 한다. 그래서 이미 알고 있는 사람한테는 웃음을 짓겠지만 나는 추후에 보기 위해서 기록한다

 

            FranchiseePoint d = new FranchiseePoint();

            d.RegiDate = c.RegiDate;
            d.FranchiseeId = c.FranchiseeId;
            d.point = c.point;
            d.비고 = c.비고;
            DB.FranchiseePoint.Add(d);

            DB.SaveChanges();

 

 

http://nooh-system.com/

목동코딩: 코딩교육 라즈베리교육

728x90
728x90

목동코딩,코딩교육

function deleteOerder(obj) {

   $("#" + obj.id).closest('tr').remove();
}

var row = "";
row = row + "<tr>";

row = row +
    "<td><input id='" + resArray[0] +
    "' name='ItemCode' class='btn btn-secondary' onclick='deleteOerder(this);' type='button' value='" +
    '삭제' +
    "' style='width: 80%;padding: 0;border-radius: 0.4rem;font-size: 1.45rem;border-color: white;'></td>";
row = row +
    "<td ><input name='DispLetter'  type='text' value='" + resArray[1] +
    "' style='width: 100%;' disabled></td>";
row = row + "<td ><input name='ItemName'  type='text' value='" + resArray[2] +
    "' style='width: 100%;' disabled></td>";
row = row + "<td ><input name='Price'  type='text' value='" + comma(resArray[3]) +
    "' style='width: 100%;text-align:right;padding-right:10px;' disabled></td>";
row = row +
    "<td ><input   name='Cnt' onchange='reCalcu();'  type='number' value='1' min='1' style='width: 100%;' ></td>";

row = row + "</tr>";
$('#orderItems').append(row);
var totSum1 = uncomma($('#buySum').val());
var totSum2 = uncomma(resArray[3]);
var totSum = (parseInt(totSum2) + parseInt(totSum1)).toString();

$('#buySum').val(comma(totSum));
          
});
728x90
728x90

목동코딩: 코딩수업

아래의 화면에서 복수의 input의 value를 가져와서 DB에 저장하는 방법과 새로운 table row를 만들어서 새로운 record를 추가하는 방법입니다.

 

<script>
    function addItems() {
        $("input[name=ItemCode]").each(function(idx) {
            // 해당 input Value 가져오기
            var id = $(this).attr('id');
            var ItemCode = $("input[name=ItemCode]:eq(" + idx + ")").val();
            console.log(id + ":" + ItemCode);
        });

        var ret = confirm("항목을 추가하시겠습니까?");
         if(!ret){
            return false;
        }
        var row = "";
        row = row + "<tr>";

        row = row + "<td><input  type='button' value='' style='width: 100%;'></td>";
        row = row + "<td><input  type='text' value='' style='width: 100%;'></td>";
        row = row + "<td><input  type='text' value='' style='width: 100%;'></td>";
        row = row + "<td><input  type='text' value='' style='width: 100%;'></td>";
        row = row + "<td><input  type='text' value='' style='width: 100%;'></td>";

        row = row + "</tr>";
        $('#itemsTable').append(row);
}
</script>

<table id="itemsTable" class="table table-striped">
  <th width="5%">
    삭제
  </th>
  <th  width="5%">
    기호
  </th>
  <th  width="20%">
    품명
  </th>
  <th  width="10%">
    가격
  </th>
  <th  width="60%">
    설명
  </th>
</tr>
</table>

 

 

 

목동코딩 전문적인 코딩교육

 

728x90
728x90

목동코딩:

이번에하는 프로젝트는 이미지를 많이 다루는 사이트이다. 컴퓨터에서 보기에는 불편함이 없으나, 모바일에서 보려면 아무래도 확대해서 표시해야 할거 같아서 구글 검색으로 적용한 방법임

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>	
    <style>
		.enLargeFrame {
			position: absolute;
			display: none;
			justify-content: center;
			align-items: center;
			top:0%;
			width:100%;
			height:100%;
			background-color: gray; 
			z-index: 100;
			background:rgba(255,255,255,0.5);
		}
		.enLarge {
			position: relative;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		
		.enLarge img {
			width:100%;
		}
	</style>
</head>
<body>
	<h1>이미지 크게보기</h1>
	<hr>
	<div class='enLargeFrame'>
		<div class='enLarge'>
		</div>
	</div>
	<img src="http://nooh-system.com/images/logo_nooh_white.png"> 
	<img src="http://nooh-system.com/assets/img/portfolio/4.jpg"> 
</body>
<script type="text/javascript">
	$(document).ready(function (e){
		
		$(document).on("click","img",function(){
			var path = $(this).attr('src')
			showImage(path);
		}); 
		
		function showImage(fileCallPath){
		    
		    $(".enLargeFrame").css("display","flex").show();		    
		    $(".enLarge")
		    .html("<img src='"+fileCallPath+"' >")
		    .animate({width:'100%', height: '100%'}, 1000);		    
		  } 	  
		$(".enLargeFrame").on("click", function(e){
		    $(".enLarge").animate({width:'0%', height: '0%'}, 1000);
		    setTimeout(function(){
		      $('.enLargeFrame').hide();
		    }, 1000);
		  }); 
	});
</script>
</html>

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

 

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

728x90
728x90

목동코딩:

프로젝트를 하다보면 사용하는 언어마다 숫자에 컴마를 표시하는 방법이 조금씩 다르다.

Php에서 컴마를 찍는 방법은 또 조금 다르다. 이번엔 자바스크립트에서 컴마를 표시하거나, 컴마를 제거하는 함수를 정리해둔다.

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

        $('input[name=saleAmount]').attr('value', comma("111222333"));
    });

    //콤마찍기
    function comma(str) {
        str = String(str);
        return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
    }

    //콤마풀기
    function uncomma(str) {
        str = String(str);
        return str.replace(/[^\d]+/g, '');
    }
    </script>

목동코딩 코딩수업

 

728x90
728x90

목동코당:플랫폼 비지니스....

오늘도 작성해야 할 프로그램이 많은데 언뜻 시작이 안되고 뜸을 들이고 있습니다....

아마도 제 스타일 인 거 같습니다. 마치 가라 앉아 있는 막걸리를 휘젓듯이 초기 부팅 시간이 필요하나 봅니다.

얼마 전 새로운 플랫폼 비지니스가 또 하나 진행 됐습니다.

우리가 돈을 벌 수 있는 경우는 많이 있습니다.

버스를 운전하며 돈을 벌 수도 있고,

버스 표를 검사하며 돈을 벌 수도 있지요. 참 요즘은 고속 버스를 타보니 표 검사를 버스 안에 리더기가 하더라고요 ㅎㅎ.

반면에 버스터미날을 건설하고 여기를 이용하는 사람과 판매점을 입점시키고, 그들에게서 돈을 버는 플랫폼 비지니스가 있습니다.

건물주라고도 하지요 ㅎㅎ.

다만 플랫폼 비지니스는 내가 원한다고 쉽게 하지 못 하는게 문제인거죠.

제 경우에는 프로그램을 개발하면서 살아오다 보니 , 이러한 플랫폼 구축에 대한 동업 제안이 종종 들어옵니다.

30대 시절에는 제가 하는 일이 플랫폼인지도 모르고 돈을 벌었다면, 지금은 플랫폼을 찾아서 개발하려고 노력하는 것이 차이점 같습니다. 예를 들면 ,직방, 배달의민족, 야놀자, 여기어때 등등등.

혹시 여러분 자녀나 주변 분들 중애 무엇을 할지 고민하시는 분들에게 프로그램을 공부하게 해주세요. 그냥 놀이 방식의 코딩이 아니고 제대로 배우게 해주셔야 합니다.

아이디어가 아이디어로 멈추면 돈이 되지 않습니다. 아이디어를 구체화 시키는 대에는 프로그래밍이 참 좋습니다.

밥 먹고 잠만 잘자면 별로 돈이 안듭니다.

디지탈 노마드로서 여유있는 생활을 충분히 즐길 수 있습니다. 인터넷만 연결되어 있으면요...

이번달은 말레이지아에서 다음달은 일본에서 등등 이런 식으로...

가능하다면 코로나가 빨리 종식되기를 바래봅니다....

 

출처: VONVON 사이트

목동코딩학원 플랫폼비지니스 ​
목동코딩 Sonoff 펌웨어 커스토마이징,코딩교육

728x90
728x90

2017년에 시작한 코딩대회가 벌써 5차년도를 마무리하게 되었습니다.

일을 담당 하시는 분들은 업무의 소관을 많이 따지는 게 당연한 거 겠지요.

처음에 대회를 만들기 위해서 담당자를 만났을 때,

"아니 교육부가 아닌 통일부가 코딩대회를 여는게 안 맞는거 아니냐"고 나한테 반문을 했습니다.

그때 제가 했던 대답은 "4차 산업시대에 코딩도 못하는 미래세대가 무슨 통일을 하겠냐"고 하면서 웃었습니다.

그리고 나서 2일쯤 뒤에 이메일로 통일부 후원을 얻어냈습니다.

이번에 5회째 대회를 치루면서 느낀 점은 이렇습니다.

살아오면서 지속적으로 가지고 있는 마음이지만, 초등학교때 자신이 좋아 하는 방향을 찾는 학생들이 많다는 점입니다.

저 역시 초등학교 5학년때 제가 좋아 하는 방향을 찾았습니다.

이번 대회도 초등생의 참여도나 아이디어가 많이 돋보이는 대회였습니다. 자신의 작품에 많은 열정도 가지고 있는 모습이 보였습니다.

대회를 만든 사람으로서 무어가 모르는 뿌듯함이 스며듭니다.

모쪼록 내년에는 조금더 나아진 참가 작품을 기대해 봅니다.

 

목동코딩 코딩대회 코딩교육

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