Simple is Beautiful.

References : How to hide a jqgrid column dynamically

Source

...

colModel: [

...

     { name: 'COL_1', ... },

     { name: 'COL_2', ... },

     { name: 'COL_3', ... },

     ...

],

...

$("#tbl_itemList").jqGrid('hideCol', ["COL_1", "COL_2"]);

$("#tbl_itemList").jqGrid('showCol', ["COL_3"]);

Reference: [Oracle|오라클] 여러 행(ROW)을 하나의 컬럼(COLUMN)으로 합치기 (WM_CONCAT)

Query

SELECT COL1, WM_CONCAT(COL2), WM_CONCAT(COL3), COL4

FROM TABLE
WHERE

SOME CONDITION

GROUP BY COL1, COL4

* 검색 결과에서 COL2와 COL3에 의해 각각 나눠진 Row가 하나로 통합되어 나옴.

* 데이터의 구분자는 (,)로 자동 설정됨.

References: CSS Overflow와 Text-overflow

CSS

.myClass {text-overflow: ellipsis;}

*영역을 초과하는 텍스트 문자열에 대해 자동으로 축약하고 (...)을 표시해줌.

References : Adding a CSS class to a column

Code

colModel: [

...

{ name: 'NAME', index: 'NAME', cellattr: function () { return " class='className'" } },

      ...

],

* HTML 태그 뒤에 추가됨.

* class앞의 공백이 있음에 유의.

References: jQuery에서 엘리먼트에 바인딩된 이벤트 조회하기

var events = $._data($(‘#elem’)[0], ‘events’);

TestCondition의 값에 따라 where절 조건문 동적 생성.

SELECT ...

FROM ...

WHERE 1=1

<isNotEmpty property="TestCondition" prepend="AND">

<isEqual property="TestCondition" compareValue="A">

--TestCondition의 값이 A일 때 처리

</isEqual>

<isEqual property="TestCondition" compareValue="B">

--TestCondition의 값이 B일 때 처리

</isEqual>

</isNotEmpty>

쓰던 핸드폰을 바꿨습니다.

이전 핸드폰으로 아이폰을 생에 처음 써봤는데...

생각보다 저랑 너무 안 맞았습니다. 

약정이 끝나갈 때 들려온 노트 9 소식에

512기가 버전 자급제로 구매하였습니다.

상자 사진입니다.

누가 봐도 보라색이죠

네 가장 인기 없다는 라벤더 퍼플로 골랐습니다.

오션 블루는 노트7의 색을 기대해서 그런건지 맘에 너무 안들었구요

까만색은 별로 쓰고싶지 않았습니다.

메탈릭코퍼는 진짜 동색이에요....

상자 후면 사진입니다. 

기능과 전자파 흡수율 등급이 기재되어 있습니다.

상자를 열어보면 가장 먼저 반겨주는 추가 펜 입니다.

오션 블루는 노란펜이, 라벤더 퍼플은 보라색 펜이 추가로 증정됩니다.

색이 맘에 듭니다.

펜이 있는 보라보라한 상자를 열어보면 기본 케이스와 설명서가 들어있습니다.

개인적으로 투명한 케이스를 좋아하기 때문에 기본케이스 외의 케이스는 사지 않을 예정입니다.

유색 케이스는 폰 색이 안보이잖아요...

보라보라한 상자를 들어내면 바로 아래 기기가 배치되어 있습니다.

기기 전면엔 장점으로 내세우고 있는 기능이 써있는 보호필름이 부착되어있습니다.

후면에는 유심 장착법이 설명되어있는 보호필름과

하얀 스티커에 시리얼 넘버가 적힌 스티커가 붙어있습니다.

512기가 버전은 제품 색상에 맞는 S펜이 추가 증정 됩니다. 

128기가 버전은 어떤 색이 기본인지 잘 모르겠습니다.

전 기존 기기에 들어있는 회색 S펜을 빼고 보라색 S펜을 들고 다닙니다.

기기 아래에 있는 구성품 입니다.

다 까망까망 하네요.

좌측의 젠더는 기존 핸드폰에서 데이터를 옮길 수 있는 젠더로 알고 있습니다.

기본적으로 퀵차지를 지원하는 충전기가 따라옵니다.

위의 작은 상자에는 이어폰과 충전 케이블이 내재되어있습니다.

AKG마크가 딱 박혀있네요

들어봄 결과 음질 자체는 나쁘지 않습니다. 기본이어폰 치고 좋았어요.

문제는 제 귀에 커널형을 30분만 꽂고있어도 귀가 너무 아파 쓰지 못하고 잘 모셔 두고만 있습니다.

무선충전 패드도 같이 열어봅니다.

바로 무선 충전 패드가 보입니다.

고속 충전을 지원하는 케이블을 연결할 경우 무선충전 역시 고속충전을 지원합니다.

아래에는 충전 어댑터 및 케이블과 설명서가 들어있습니다.

노트 9 크기에 비해 충전 패드가 작습니다.

충전 패드를 두개 이어두면 노트 9 크기보다 좀 큰 정도의 사이즈입니다.

노트9 가운데 후면을 충전 패드위에 올려둬야 충전이 됩니다.

충전 속도는 고속 충전 기준 생각보다 엄청 빠릅니다.

고속 충전기가 아닌 일반 충전기로 유선 충전하는 속도보다 잘 나오거나 그에 준하는 것 같습니다.

어짜피 무선 충전 패드는 사무실에서 쓸 용도 입니다.

침대에선 유선이 절대적으로 편합니다....

최근 옥션과 지마켓에서 빅 스마일데이 행사를 진행하고 있습니다.

쿠폰이 10만원까지 적용된다는 사실에 눈이돌아가 그간 봐두었던 NAS를 질렀습니다.

원래 218+를 보고있었으나... 할인금액에 혹해 718+로 급 변경해서 구매했습니다.

또한 DS718+에 8기가 램을 추가 해 총 10기가 메모리까지 인식한다는 글을 보고 메모리도 같이 주문했습니다.

가격이 상관없다면 시놀로지용 메모리를 구매하셔도 됩니다

혹시 저처럼 다른 제조사의 메모리를 구매하실 생각이면 꼭 규격을 확인하시고 구매하시기 바랍니다.

시놀로지 나스에 장착 가능한 메모리 규격은 DDR3L PC3-12800 1.35V 입니다

메모리는 구매 바로 다음날 뽁뽁이와 알루미늄 호일에 잘 감싸져 배송되었고

나스는 구매 3일후 도착하였으며 비싼물건이라 그런지 뽁뽁이로 칭칭 감겨왔습니다.

설레는 맘으로 뜯어봤습니다.

도착한 구성품입니다.

DS718+와 시게이트 NAS용 4TB HDD입니다.

HDD는 원래 저렇게 오는건지 처음 구매하는거라 잘 모르겠네요...

보증 스티커라고 붙어있는것도 시게이트 쪽 스티커가 아니라 대행업체같은데서 발행한 스티거인데다

박스 포장도 아니고 비닐 포장이라...

기분이 찜짐하지만 일단 잘 돌아가니 넘어갔습니다.

DS718+입니다

좌측 상단에 에이블 스토어의 보증용 스티커가 있습니다.

해당 스티커를 잘~ 떼서 DS718+ 바닥에 꼭 붙여 사용하라고 써있습니다.

그럼 박스를 열어봅시다.

박스를 열면 흰색의 푹신하고 약간은 두툼한 비닐로 감싸있는 본체와 좌측 박스안에 담긴 케이블들을 확인할 수 있습니다.

사진안의 본체는 포장을 제거한 사진입니다.

내장되어있는 케이블 및 부품입니다.

어댑터와 랜선2개, 2.5인치 SSD혹은 HDD 고정용 나사와 디스크베이 잠금용 열쇠가 동봉되어 있습니다.

제품 후방 모습입니다. 

랜포트 2개, 전원입력 포트, USE3.0단자 2개와 eSATA포트가 보입니다.

하얗게 가려진부분에 시리얼 넘버와 기기의 물리주소(맥어드레스)가 적힌 스티커가 붙어있습니다.

USB3.0단자 좌측의 동그란 구멍에 재설정 버튼이 있습니다. 

만약 ADMIN계정의 비밀번호를 까먹어 초기화가 필요한 경우 이 버튼을 4초간 누르면 된다고 합니다.

전면 사진입니다.

전면부에도 USE3.0단자가 있습니다.

이 단자 아래의 버튼은 전원버튼 이며 전원을 켰을떄 푸른 빛이 버튼 좌측에 켜집니다.

USB 단자 위의 버튼은 재시작 버튼으로 보였으나 USB 복사 버튼이라고 합니다.

아마 전면부 단자에 USB 저장소를 꽂고 내용을 복사하는 용도로 쓰일것으로 생각됩니다.

HDD를 꽂기위해 베이를 분리해둔 사진입니다.

별도의 도구없이 베이의 하단부를 누르면 사진과같이 베이를 뺄 수 있는 손잡이처럼 위로올라오며

이를 잡아당기면 HDD를 장착할 수 있게 빠집니다.

베이를 제거한 나스의 내부 사진입니다.

기판 가운데 방열판을 기준으로 우측의 램은 기본 장착되어있는 2기가 램입니다.

방열판 아래에 빈 메모리 슬롯이 보입니다.

구매해둔 메모리를 장착해 봅시다.

메모리를 장착한 후의 사진입니다.

PC처럼 꾹 누르시지 말고 비스듬히 슬롯에 가져다 댄 뒤 기판쪽으로 메모리를 눕히면서 누르면 쉽게 장착됩니다.

그럼 이제 HDD를 장착해 볼 차례입니다.

HDD에 보증 스티커를 잘 붙이고 그냥 베이에 넣어주시면 됩니다.

3.5인치 HDD기준으로 별도의 도구를 사용하지 않고 장착할 수 있었습니다.

베이 측면에 분리가능한 부분이 있는데 이 플라스틱을 제거한 후 베이에 HDD를 장착 합니다.

베이와 HDD가 닿는 부분에는 고무 패킹이 장착되어 있어 HDD의 진동을 줄여주는 역할을 하는것 같습니다.

베이에 HDD를 장착한 후 분리한 플라스틱을 다시 베이에 껴줍니다.

이 플라스틱 안쪽의 돌기가 나사 대신 HDD를 고정하는 역할을 하는것으로 보입니다.

베이에 HDD를 장착한 사진입니다.

위 사진과 비교해 보시면 베이 측면에 분리되었던 플라스틱이 장착된 것을 확인할 수 있습니다.

이후 그냥 이 베이를 NAS에 꾹 눌러서 꽂으시면 끝입니다.

NAS를 조립해봤으니 한번 실행시켜 보았습니다.

전원을 키고 다운로드 센터에서 제공하는 Assistance 프로그램을 설치해 줍니다.

설치후 프로그램을 실행하면 자동으로 네트워크에 있는 NAS를 검색하며 ADMIN을 설정할 수 있는 웹을 띄워줍니다.

* 처음 DSM을 구성할 때 HDD의 모든 데이터는 지워집니다. 사용중이던 HDD를 장착하신 경우 주의해주세요.

시놀로지 DSM을 설치 및 업데이트를 완료한 후 메모리와 HDD의 상태를 확인하기 위해 제어판을 열어봅시다.

메모리와 HDD모두 정상적으로 마운트 된것을 확인할 수 있습니다.

저 같은 경우는 초기 구성에서 HDD 유효성검사(?)를 수행하는데 수 시간 정도 걸렸습니다. 

넉넉한 시간을 두고 구성하시는 것을 권장해 드립니다.

References : http://api.jquery.com/off/ , http://api.jquery.com/on/

1. 이벤트 등록

$(document).on('click', '#btn_search', searchEvent);

=>$(document)에 존재하는 #btn_search요소를 click했을때 searchEvent를 실행한다.

2. 이벤트 제거

$(document).off('click', '#btn_search');

=> $(document)에 존재하는 #btn_search'요소의 click이벤트를 제거한다.

Sources 

List<T> listT = new List<T> { };

listT.Sort(delegate (T x, T y) {

    return x.ORDER.CompareTo(y.ORDER);

});