제2의 비엔지니어 인생관을 꿈꾸며

Posted
Filed under jQuery
# ng-if
 ng-if  구문안의 조건이 맞으면 본인을 show 틀리면 hide
<body ng-app="myApp">
                <input type="text" ng-model="sbtxt" value="">
                <div ng-if="sbtxt == 'red' ">빨강색</div>
          
        </div>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
        <script type="text/javascript">
                var myApp = angular.module('myApp', []);
        </script>
</body>


# ng-switch on ~ ng-switch-when 문

 ng-switch on 에 연결된 ng-model 의 value 에 따라 ng-switch-when 조건에 설정된
 블럭들이 show/hide 됨 , 아래 예제
<body ng-app="myApp">

                <select id="sb" ng-model="sbcolor">
                    <option value="">선택</option>
                    <option value="1">red</option>
                    <option value="2">green</option>
                    <option value="3">blue</option>                                        
                </select>

                <div ng-switch  id="aa" on="sbcolor">                 
                  <div ng-switch-when="1" class="box red"></div>
                  <div ng-switch-when="2" class="box green"></div>
                  <div ng-switch-when="3" class="box blue"></div>
                  <div ng-switch-default class="box black"></div>
                </div>
          
        </div>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
        <script type="text/javascript">

                var myApp = angular.module('myApp', []);
        </script>
</body>


# ng-show , ng-hide
ng-show 구문 안의 조건이 맞으면 자신을 show 틀리면 hide 한다.
ng-hide   구문안의 조건이 맞으면 자신을 hide 하고 틀리면 show 한다.
<body ng-app="myApp">

                <input type="text" ng-model="sbtxt" value="">

                <div ng-show="sbtxt=='red' ">빨강색 O</div> <!-- 참이면 보임  -->
                <div ng-hide="sbtxt=='red' ">  빨강색 X</div>  <!-- 참이면 숨김 -->
          
        </div>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
        <script type="text/javascript">
                var myApp = angular.module('myApp', []);
        </script>
</body>


# ng-class
ng-class 구문안에 조건에 만족하면 선언한 클래스가 블럭에 적용된다.
ng-class = "{클래스명 : 조건 , 클래스명 : 조건 , 클래스명 : 조건.......}"
<style type="text/css">
    .red {color:#F00}
    .green {color:#0F0}
    .blue {color:#00F}
</style>
<body ng-app="myApp">
       <input type="text" ng-model="sbtxt" value="">
       <div ng-class="{red : sbtxt == 'red' , blue : sbtxt == 'blue' }">안녕하세요</div>          
        </div>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
        <script type="text/javascript">
                var myApp = angular.module('myApp', []);
        </script>
</body>
2018/04/04 14:03 2018/04/04 14:03
Posted
Filed under MSSQL
MSSQL 프로그래밍에세  꽤나 많은 부분을 CRUD 구현하는데, 많은 문장을 작성해 나간다.
WITH 가 Select 에 최적화되어 있다면 MERGE 조인된 테이블의 Insert / Update /Delete 를 구현하는데 최적화 되어있다고 보면 좋겠다.

# MERGE 의 기본 문법 및 의미
MERGE  [Target_Table]  AS TT   -- TT 는 [Target_Table] 의 alias
USING  [Source_Table]  AS TS   -- TS 는 [Source_Table]의 alias
ON ( TT.Column1 = TS.Column1 )  

WHEN MATCHED 
          THEN  [Target_Table]에 대한 처리

WHEN NOT MATCHED BY TARGET   AND  TS.RegDate > '2018-01-01'
           THEN 
[Source_Table] 에 있고 , [Target_Table] 에 없으면, [Target_Table] 에  Insert / Update

WHEN 
NOT MATCHED  BY SOURCE  AND  TT.RegDate < '2018-01-01'
          
THEN  [Source_Table] 에 없고,  [Target_Table] 에 있으면,   [Target_Table]  꺼 처리  Delete / Update

OUTPUT   $action , inserted.* , deleted.*  ;   //  로그보기  MERGE문의 종료는  반디스 세미콜론을  해주어야 한다.
(inserted 는 insert / update 둘다의 의미를 가지고 있으므로 , 따로 updated는 없다.)


2개의 연관된 테이블의 데이터가 "NOT MATCHED" 이긴한데 명시적으로 아래와같이 이용때
  BY TARGET   :  Source 에는 있고, Target 에 없으면
  BY SOURCE  :  Source 에는 없고, Target 에 있을때

 주의  :  WHEN MATCHED 를 제외하고  WHEN NOT MATCHED BY TARGET  처리시  WHEN NOT MATCHED  BY SOURCE 조건도 만족한다면 2개처리한다.   (WHEN MATCHED 를 제외)
1개의 WHEN 조건을 처리하고 종료하는 구조가 아님 , TARGET 과 SOURCE를 2개다 처리하게된다.

예를 들어 BY TARGET 처리 후 BY SOURCE 조건도 만족한다면 SOURCE 조건도 처리함 (코드의 순서와 관계없음)




# 테스트 테이블 및 데이터 만들기
-- 테이블 생성
create table #tbl1 (
 idx tinyint ,  name varchar(20) )
create table #tbl2 ( idx tinyint ,  name varchar(20) )


-- 더미 INSERT
insert #tbl1 values( 1 , 'aaa')
insert #tbl1 values( 2 , 'bbb')

insert #tbl2 values( 3 , 'ccc')
insert #tbl2 values( 4 , 'ddd')
insert #tbl2 values( 5 , 'eee')

-- 데이터 확인
select * From #tbl1
go
select * From #tbl2


# 간략하게 MERGE 이용
MERGE #tbl2 As TT -- Target
USING #tbl1 As TS -- Source
ON (TT.idx = TS.idx)
-- Source 에는 있고 Target 에 있으면, Source 참조로 UPDATE
WHEN MATCHED 
THEN UPDATE SET TT.NAME = TS.NAME
WHEN NOT MATCHED -- BY TARGET 생략시  NOT MATCHED BY TARGET  과 동일
THEN INSERT (idx ,name ) values(TS.idx , TS.name)




# BY TARGET  ,BY SOURCE 를 이용하여, 명시적으로처리
MERGE #tbl2 TT -- Target
USING #tbl1 TS -- Source
ON (TT.idx = TS.idx)
-- Source 에는 있고 Target 에 있으면, Source 참조로 UPDATE
WHEN MATCHED 
THEN UPDATE SET TT.NAME = TS.NAME

-- Source 에는 있고 Target 에 없으면, Source 참조로 Target 에INSERT
WHEN NOT MATCHED BY TARGET  -- AND TS.idx = 5  조건 추가 할 수 있음
THEN INSERT (idx ,name ) values(TS.idx , TS.name)

-- Source 에는 없고, Target 에 있으면 Target 에 Delete or Update
WHEN NOT MATCHED BY SOURCE -- AND TT.idx  >= 2 조건 추가 할 수있음
THEN Delete   -- or THEN UPDATESet idx = 1000 
OUTPUT   $action , inserted.* ,   deleted.*;   -- 로그사용

위 쿼리 실행 


[#tbl1 과 #tbl2 원본 Select]



[위의 Merge 실행후 Log]



[최종결과]
빨강네모 -  NOT MATCHED BY TARGET   - Insert
파랑네모 - NOT MATCHED BY SOURCE  - Delete




[최종결과]

빨강네모 -  NOT MATCHED BY TARGET   를 통해 Insert 만하고 종료하지 않고 ,
파랑네모 - NOT MATCHED BY SOURCE  조건도 만족하는것을 감지하는순간 Delete 도 동시에 처리한다.

정리하자면,
일단 Merge ~ Using ~ On 조건을 통해 Not Matched 조건이 발생하면 1개의 Not Matched(BY TARGET) 의 조건만
처리하지 않고, 
처리 후 다른 Not Matched(BY SOURCE) 조건에 만족하면 연속해서 발생한다.
( 위에 2조건을 만족하게되면 MATCHED 도 만족하게 되지만,  MATCHED 는 일어나지 않음 )
2018/04/02 18:27 2018/04/02 18:27
Posted
Filed under jQuery

모듈로 다루어지는 angular 에서는 각 콘트롤별로 $scope 라는 일종에 개체를 가지게 되는데, 개인적으로는  this 와 꽤
비슷한 느낌이다. (물론 개념적으로는 다르다)

각각의 controller 들은 각각의 $scope 와 연결되어 MVC 를 오가며, 데이터를 전달하고 연결한다. 하지만 각각의 $scope 는 다른 $scope 즉 컨트롤들의 영역을 공유할 수 없다. 간혹 각각 다른 $scope 간의 데이터를 주고 받아야할때가 있는데,  그리도 지금 소개할 ,  $emit , $on , $broadcast 를 활용하는 방법이다.
(단, DOM 구조상 부모 $scope 인 경우,  자식 $scope 의 바인드 변수 접근이 가능함)

간단하게 보자면,
- 같은 노드위치의 $scope 끼리는 $scope 로 데이터를 전달할 수 없다.
- 자식 $scope 에서 부모 $scope 의 함수 및 변수를 호출 할수 있다, (단, 변경할 수 는 없다.)

자식 $scope에서 $emit  메소드를 통해 부모의 이벤트 함수를 호출하여 값을 전달하고, 값을 받은 부모는 다른 자식 $scope의 이벤트 함수를 호출해서 값을 전달해준다.

설명보다는 예제를 통한 설명이 쉬울꺼같아 예제의 주석으로 설명을 대체한다 (나중에 개인적으로 꺼내봤을대도 쉽다 --)

 <!DOCTYPE html>
<html>
<head>
<!-- https://cdnjs.com/libraries/angular.js/ -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-cookies.min.js"></script>
</head>
<body ng-app="scopeTest">
          <div ng-controller="ncParent">
                    <div ng-controller="ncChild1">
                              ncChild1-var1 : <span ng-bind="var1"></span> /
                              ncChild1-varA : <span ng-bind="varA"></span>
                    </div>
                    <div ng-controller="ncChild2">
                              ncChild2-var1 : <span ng-bind="var1"></span> /
                              ncChild2-varB : <span ng-bind="varB"></span>
                    </div>
                    <div ng-controller="ncChild3">
                              ncChild3-var1 : <span ng-bind="var1"></span> /
                              ncChild3-varC : <span ng-bind="varC"></span>
                    </div>

                    <button ng-click="fnBroadCast()">자식에게전달</button>
</div>
<!--
          $on("이벤트명" , function(event, data) {})
          $emit() - 특정 범위를 이벤트로 부모에게 전달. - ($rootScope가 아닌 DOM 구조의 부모 이벤트 호출)
          $broadcast() - 특정 범위를 모든 자식에게 전달.- 부모(DOM) 하위 자식의 이벤트 함수 호출
          $emit("호출이벤트명" , 전달할데이터) 
          $broadcast("호출할 자식의 이벤트명" , 전달할데이터) 
          $on , $emit , $broadcase 메소드 메커니즘
          1) 자식1 본인 값을 $emit() 통해 부모에게만, 전달하고 
          2) 그 값을 받은 부모는 $broadcast 로 자식의 이벤트 함수들을 모두 호출
          부모가 $boardcase 로 호출 당하고 싶은 자식들은 $on 메소더를 구현해야놔야한다.
          1)ncChild1 에서 부모로 scope을 전달
          2)ncParent는 $on() 메소드를 사용하여 이벤트를 감지
          3)ncParent가 전달받은 값(범위)을 $broadcast() 메소드를 사용하여 자식요소로 전달

 -->
<script lang="javascript">
var app = angular.module("scopeTest" , []);
app.controller("ncChild1" , function($scope)
{
         $scope.var1 = "Pluginn";
         $scope.$emit("sendVar1" , $scope.var1); // 자신의 부모 이벤트함수(sendVar1) 호출
         $scope.$on("getVar1" , function(event ,data)
         {
                  $scope.varA = data;
         });
});
app.controller("ncChild2" , function($scope)
{
         // 부모로부터 $broadcast 될 함수
         $scope.$on("getVar1" , function(event, data) 
         {
                  $scope.varB = data;
         });
});
app.controller("ncChild3" , function($scope)
{
         // 부모로부터 $broadcast 될 함수
         $scope.$on("getVar1" , function(event , data) 
         {
                  $scope.varC = data;
         });
});
app.controller("ncParent" , function($scope)
{
         $scope.$on("sendVar1" , function(event ,data)
         {
                  // tes1, test2, test3의 parent $scope 로써 자식 $scope 의 binder 접근가능
                  // 자식의 var1 변수로 모두 접근되는것을 볼수있다.
                  $scope.var1 = data;
         });
         $scope.fnBroadCast = function()
         {
                  alert("전달");

                  // 자식 $scope 에 등록된 이벤트 함수를 호출 
                  $scope.$broadcast("getVar1", $scope.var1);   
         }
});
</script>
</body>
</html>
2018/03/27 17:09 2018/03/27 17:09
Posted
Filed under MSSQL
생성된 파일그룹 안에 포함된 파일이 삭제가 안될때.,,

 Alter database [partitionDB] remove file [partitionDB_FG5]  -- 파일  삭제시도
파일그룹
'partitionDB_FG5'(비어있지않으므로제거할수없습니다
. -- 오류발생
 

-- DB 축소실행 ,
DBCC SHRINKFILE ('partitionDB_FG5' ,EMPTYFILE);  -- 그룹의  파일명(물리 파일명 아님)
 
-- 삭제 재시도,
Alter database [partitionDB] remove file [partitionDB_FG5]  -- 삭제 완료

삭제완료, 이제  [FG5] 파일그룹에 [partitionDB_FG5] 를 다시 추가해보자
-- DB 축소 명령어 후 partitionDB_FG5 파일을 FG5그룹에 다시 추가하려고하는데, 

Alter DataBase [partitionDB] add FileGroup [FG5]
Alter DataBase [partitionDB] add File  (Name ="partitionDB_FG5", FileName = "물리파일") 
                                                                                                              To FileGroup  [FG5]

Backup log 를 실행하여  .. 어쩌구 저쩌구 ... LSN .... 오류발생

그럴땐, Log 파일 까지 비워줘야 한다. 로그파일 축소 (MSSQL 2008 이전과 이후 버전 방법이 다르다 아래참고)

[ MSSQL 2008 이전 ]
---------------------------------------------------------------------------------------------------------------------------------------------
BACKUP LOG [DB명] WITH TRUNCATE_ONLY -- DB 로그 축소
BACKUP LOG [DB명] WITH NO_LOG -- DB 로그 삭제

[MSSQL 2008 이후]
---------------------------------------------------------------------------------------------------------------------------------------------
ALTER DATABASE
 [partitionDBSET RECOVERY SIMPLE  -- 복구모델 SIMPLE 로변경

DBCC SHRINKFILE([partitionDB_log])  -- 로그 축소 (로그명)
ALTER DATABASE [partitionDBSET RECOVERY FULL -- 복구모델 다시 FULL 로 변경




-- 다시 파일그룹에 추가해보자 
Alter DataBase [partitionDB] add FileGroup [FG5]
Alter DataBase [partitionDB] add File  (Name ="partitionDB_FG5", FileName = "물리파일") 
                                                                                                              To FileGroup  [FG5]

sp_helpfile
go
sp_helpfilegroup

 잘 된다..
 
2018/03/22 17:51 2018/03/22 17:51
Posted
Filed under C#

간혹 출력한 엑셀데이터를 서버에 다른 환경에서 사용해야 할 경우 아무래도 시트명으로 읽어 들여야
하기 때문에 서로 업무상, 시트명을 통일하거나 아니면 입맛에 맞게 바꿔야하는경우 가 있다.
(지정하지 않으면,일반적으로  파일명이 시트명이 된다.)

기본 서버객체를 이용하지 않는 이상, 시트명은 지정이안된다, 그럼 서버객체를 이용하면 되지 않느냐?
이용해도 되지만 , 서버에 설치 와 권한 설정 등..귀차니즘 발동, 물론 업무에따라 중요도에 따라 서버객체를
를 이용해도된다. 

(아래는 서버 객체를 이용하지 않고 http header를 이용해서 웹문서를 엑셀문서로 출력시킨다.)

아래는 Http Header 를 excel 로 지정하고 ,  xml로 문서의 포맷을 정하고 html로 출력하여 Excel 문서로 인식하게끔 fake? 하게한다.



<%   
     //  Classic ASP  , ASP.Net , PHP , JAVA 등  서버단 코드에 맞게 엑셀 헤더 설정 
     //  아래 파랑색 코드 그대로 복사 붙이기한후 맨 아래는 기존에 Table 그대로 출력해준다
     //  아래 빨강색 sheet1 부분만 필요한 이름으로 수정
%>
<html xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:x="urn:schemas-microsoft-com:office:excel"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<!--[if gte mso 9]><xml>
 <o:DocumentProperties>
  <o:LastAuthor>JUBOB</o:LastAuthor>
  <o:Created>2999-09-02T07:46:35Z</o:Created>
  <o:LastSaved>2999-09-02T07:46:35Z</o:LastSaved>
  <o:Version>10.2625</o:Version>
 </o:DocumentProperties>
 <o:OfficeDocumentSettings>
  <o:DownloadComponents/>
  <o:LocationOfComponents HRef="file:///I:\"/>
 </o:OfficeDocumentSettings>
</xml><![endif]-->
<!--[if gte mso 9]><xml>
 <x:ExcelWorkbook>
  <x:ExcelWorksheets>
   <x:ExcelWorksheet>
    <x:Name>sheet1</x:Name>
    <x:WorksheetOptions>
     <x:DefaultRowHeight>270</x:DefaultRowHeight>
     <x:Selected/>
     <x:DoNotDisplayGridlines/>
     <x:ProtectContents>False</x:ProtectContents>
     <x:ProtectObjects>False</x:ProtectObjects>
     <x:ProtectScenarios>False</x:ProtectScenarios>
    </x:WorksheetOptions>
   </x:ExcelWorksheet>
  </x:ExcelWorksheets>
  <x:WindowHeight>12720</x:WindowHeight>
  <x:WindowWidth>24960</x:WindowWidth>
  <x:WindowTopX>120</x:WindowTopX>
  <x:WindowTopY>30</x:WindowTopY>
  <x:ProtectStructure>False</x:ProtectStructure>
  <x:ProtectWindows>False</x:ProtectWindows>
 </x:ExcelWorkbook>
</xml><![endif]-->
</head>
<body>
      <Table> 
         <tr>
                <td> 테이블로 만든 데이터 그대로 출력</td>
         </tr>
      <Table>
</body>
</html>
2018/03/21 14:31 2018/03/21 14:31