반응형

분류 전체보기 924

[CSS] Print시 출력되지 않게 하는 CSS , 출력 할때만 나오게하기

프린트 할때, 특정 영역 출력되지 않게 하는 CSS 방법 아래의 class="no-print"한 영역은 출력이 되지 않는다. [ CSS 영역 ]@media print{ .no-print, .no-print * { display: none !important; } } [ HTML 영역 ] 참고: http://stackoverflow.com/questions/355313/how-do-i-hide-an-element-when-printing-a-web-page [ Chrome에서 Print 옵션에 Headers and footers 없애기 ] @page { margin: 0; }으로 주게 되면, 해당 옵션이 없어집니다.@media print { .no-print, .no-print * { display: no..

Web/WEB기본 2015.08.28

[linux] cp owner (소유자) permit (권한) 같게 하는 옵션

해당 부분에 대한 옵션은 -pr 이었네요.cp -pr /home/src_home /home/tar_home sudo cp -rp /home/my_home /media/backup/my_home From cp manpage: -p same as --preserve=mode,ownership,timestamps --preserve[=ATTR_LIST] preserve the specified attributes (default: mode,ownership,timestamps), if possible additional attributes: context, links, xattr, all 참고 : http://unix.stackexchange.com/questions/43605/how-do-i-copy-a-f..

localhost로 사용하기

참고: http://sinun.tistory.com/41 MS SQL Server Management Studio : localhost 사용하기 서버 이름을 HOSTNAME\SQLEXPRESS 로 많이 사용한다.만약 서버이름을 localhost로 사용하게 되면, 에러가 나는데. 해당 부분을 수정해 보자. [ TCP/IP 프로토콜 설정 변경 ( 아니오 -> 예 ) ]※ (주의) 해당 설정이 완료되면, SQL 서비스 Restart해야 적용이 됩니다. STEP 1 >>SQL Server 관리 콘솔SQL Sever 네트워크 구성 > SQLEXPRESS에 대한 프로토콜 > TCP/IP > 프로토콜 > 사용: 아니오 -> 예 (변경) ( 참고: 인스턴스를 default(MSSQL)로 설치되었다면, STEP 1만 하..

DB관련/SQL Server 2015.08.21

checksum - 데이터의 정확성 확인하기

MS에서 공식적으로 제공하는 Checksum은 다음과 같습니다. https://www.microsoft.com/en-us/download/details.aspx?id=11533 The Microsoft File Checksum Integrity Verifier tool is an unsupported command line utility that computes MD5 or SHA1 cryptographic hashes for files. 해당 파일을 실행하면, 실행하면, 압축 해지할 위치를 선택한다.압출을 해제하면, fciv.exe / ReadMe.txt가 풀린다. 실행법은 다음고 같습니다. C:\Users\test\Downloads>fciv -sha1 json-for-dotnet-1.2.zip////..

Convert a date 를 yyyymmdd format 형식으로 변경

MS-SQL의 getDate()함수를 이용해서, 현재 날짜를 YYYYMMDD 형태로 만들고 싶을때다음과 같이 사용하면 된니다. select CONVERT(varchar(8), GETDATE(), 112) today 결과20150730 참고: http://dba.stackexchange.com/questions/42395/convert-a-date-to-yyyymmdd-format YYYYMMDD 에서 => 년, 월, 일, 요일 뽑아내기 SELECT DATEPART(year, '20161213') AS BIZ_YEAR; -- 2016SELECT DATEPART(month, '20161213') AS BIZ_MONTH; -- 12SELECT DATEPART(day, '20161213') AS BIZ_DAY;..

DB관련/SQL Server 2015.07.31

Gender로 사용할 data type?

gender (성별)을 사용되는 데이터 타입은 어떤것이 좋을까요? 결론 부터 이야기 하자면,Char(1)을 추천하네요.너무 단순한 질문일지 몰라도, DB의 데이터의 양을 줄이는 것에 대해서 신경을 쓰는 것은 유익한 노력입니다. I'd call the column "gender".Data Type Bytes Taken Number/Range of Values ------------------------------------------------ TinyINT 1 255 (zero to 255) INT 4 - 2,147,483,648 to 2,147,483,647 BIT 1 (2 if 9+ columns) 2 (0 and 1) CHAR(1) 1 26 if case insensitive, 52 otherwis..

DB관련/SQL Server 2015.07.31

SQLyog 한글 깨짐 방지

SQLyog의 과거 버전은 한글 깨짐이 없었는데요.최신 버전을 오랜만에 사용하니 한글이 깨지더군요.프로그램을 바꿔야 하나 싶다가 찾아보니 해결 방법이있군요. MySQL 호스트에 연결 > 진정된(Advanced) 설정 > 초기 명령:set session character_set_connection=utf8;set session character_set_results=utf8;set session character_set_client=utf8; 다음 내용을 입력해 주면 한글이 깨지지 않습니다.참고: http://blog.daum.net/moon0sool/95

DB관련/MySQL 2015.07.21

OSX에서 Eclipse 환경에 Tomcat 사용하기

Mac (OSX) 환경에서 Eclipse 사용하기가장 기본이 되는 예제 입니다. Eclipse를 자주 사용하지 않다보면, 기본이 되는 부분이 잊혀질때가 있다. 해당 부분 동영상입니다. 요약1. [다운로드] eclipse 사이트에서 Java EE Developers Mac OSX 64 bit를 다운로드2. [다운로드] tomcat 사이트에서 Tomcat zip 버전 다운로드 3. 이클립스 실행환경 설정 > Server > Run Environments > [Add..] > Apache > Apache Tomcat v 7.0 선택 3. Server 추가 4. 프로젝트 추가: Dynamic Web Project 5. JSP 페이지 추가 6. 실행하기: 1 Run on Server

Mac세상 2015.07.19

[Sencha&ExtJS] ExtJS 기초.14 - Ext.grid.Panel에 다른 DB 불러오기

Grid DB Paging https://docs.sencha.com/extjs/5.1/5.1.1-apidocs/#!/api/Ext.toolbar.Paging 화면 페이지 예제 기본 소스Ext.onReady(function(){ var store1 = Ext.create( 'Ext.data.Store', { autoLoad: true, pageSize: 5, fields: ['idx','title','contents','author','create_date'], proxy: { type: 'ajax', api: { read: '/json/post.php' }, reader: { type: 'json', rootProperty: 'data' } } } ); Ext.create( 'Ext.grid.Panel..

Web/Javascript 2015.07.01

[Sencha&ExtJS] ExtJS 기초.13 - Ext.grid.Panel에 다른 DATA 불러오기

Ext.grid.Panel 에 .reconfigure() 함수 처리 이벤트 발생시(버튼을 클릭시등) 그리드의 영역에 다른 데이터 형태의 값을 넣을 때. 사용되는 함수(=메서드)한페이지에 다양한 Grid 결과를 사용할때 유용하다. Ext.grid.Panel클래스의 reconfigure([store],[columns]) 메서드 사용 grid 또는 tree에 새로운 store와 columns으로 재구성한다. [ 사용방법 ] Ext JS Docs: reconfigure 그리드객체.reconfigure(store,columns); 실제적으로, 한개만 설정도 가능하다.그리드객체.reconfigure(store);// or그리드객체.reconfigure(columns);// or그리드객체.reconfigure(nul..

Web/Javascript 2015.06.26

[Sencha&ExtJS] ExtJS 기초.12 - Ext.grid.Panel에 Ajax(JSON/XML)로 데이터 보여주기

Grid + AJAX(JSON) 만들기Grid에 JSON포멧의 Ajax통신을 통한 데이터를 자져오는 처리에 대해서 만들어 본다. data: config값을 proxy: config로 변경합니다. autoLoad: true 또한 추가한다. (즉시 출력시 설정 / 특정 이벤트를 받은 다음에 데이터 출력을 위해서는 autoLoad: false로 지정) proxy 속성: 통신 방식에 따라 여러가지 타입 지원- type: 'memory' 서버 통신이 이루어지지 않을 경우 사용되는 타입- type: 'ajax' 서버통신에서 응답을 받아 데이터를 로드하는 방식- type: 'jsonp' 다른 도메인간의 Ajax통신을 하여 응답값을 주고 받을 때 사용되는 방식 / 전송시, callback parameter가 별도로 필..

Web/Javascript 2015.06.26

[Sencha&ExtJS] ExtJS 기초.11 - 그리드패널 Ext.grid.Panel

Ext.grid.Panel그리드(Grid)는 표 형식의 데이터를 나타내는 컴포넌트로, 참 많이 사용됩니다.여기서 컬럼에 어떤 field를 뿌려줄지 dataIndex configs로 정의를 해줘야 한다. 설정이 없으면, combox 에 dispalyField/valueField 미정의시 처럼 화면에 나오지 않게 된다.Ext.onReady(function(){ Ext.create( 'Ext.grid.Panel', { title: 'Grid 예제', columns : [ {flex: 1, text:'첫번째', dataIndex:'first'},{flex: 1, text:'두번째', dataIndex:'second'} ], store : Ext.create( 'Ext.data.Store', { fields: [..

Web/Javascript 2015.06.25

[Sencha&ExtJS] ExtJS 기초.10 - 데이터뷰(Dataview)로 사용자 정의 템플릿 제작

dataview 레이아웃 구성을 사용하기 위해 Bootstrap(부트스트랩)을 함께 사용해 봅니다.기존의 ExtJS CSS 부분의 다음의 Bootstrap CDN링크를 넣어준다. 부트스트랩 CDN 패널 안에 xtype:dataview 코드 작성tpl config 은 html config와 다른 속성입니다. (java의 JSTL와 흡사, 내부에 반복/조건문 사용 가능)Ext.onReady(function(){ Ext.create( 'Ext.Panel', { title: 'Dataview List', items: [{ xtype: 'dataview', tpl: new Ext.XTemplate( '', ' 목록 1', ' 리스트 2', ' 리스트 3', '' ) }], renderTo: Ext.getBody(..

Web/Javascript 2015.06.25

[Sencha&ExtJS] ExtJS 기초.9 - 콤보박스 (xtype:combo)

콤보 박스(xtype:combo) 데이터를 화면에 출력을 하려면, 데이터스토어(Ext.data.Store)에 대해서 알아야 합니다. 데이터 스토어 정의 : 스토어 클래스는 모델 객체의 클라이언트 측의 캐시를 캡슐화 합니다. 스토어는 프로시를 경유하여 데이터를 로드하고, 또 그 안에 포함되어 있는 모델/인스턴스를 정렬 필터링 및 조회가기 위한 기능을 제공합니다.스토어의 작성은 간단합니다. 데이터 스토어는 여러 컴포넌트에서 사용이 되고 있습니다. Store클래스 사용하는 컴포넌트콤보박스 : Ext.form.field.ComboBox데이터뷰 : Ext.view.View그리드 : Ext.grid.Panel트리 : Ext.tree.Panel (Ext.data.TreeStore: Store개념은 동일하나 사용되는 ..

Web/Javascript 2015.06.24

[Sencha&ExtJS] ExtJS 기초.8 - 폼 필드 (xtype: textfield / filebutton / numberfield)

폼 필드 (form 필드) 일반적으로 태그 형식을 사용한다. xtype: 'textfield' xtype: 'filefield' xtype: 'textfield', inputType:'password' xtype: 'checkbox xtype: 'textarea'value : 'yes'는 입력값을 표시fileLavel:'text' 은 입력창 앞에 오는 Label 형식으로 쓰인다.* 슬라이더 / 컬러피커 등의 다양한 유요한 폼필드는 Plug 형태의 클래스를 적용해서 사용이 가능하다. 폼 패널을 이용한 Server 데이터 전송은 따로 작업이 필요하다.SelectBox와 동일한 콤보 박스는 Store라는 데이터저장소 개념의 이해가 필요하다.Ext.onReady(function(){Ext.create('Ext...

Web/Javascript 2015.06.24

[Sencha&ExtJS] ExtJS 기초.7 - Ext.tab.Panel

탭 패널 개념 Ext.tab.Panel하나의 영역에 여러개의 패널 탭으로 나눠서 클릭시 해당 존재하는 화면 출력 tab > 하위 패널 개념 Tab 패널 만들기Ext.create( 'Ext.tab.Panel', { width: 480, height: 200, items : [ { title: 'Tab 1', html: 'Tab 1 Body' }, { title: 'Tab 2', html: 'Tab 2 Body' }, { title: 'Tab 3', html: 'Tab 3 Body' } ], renderTo: Ext.getBody()}); 탭의 화면 Tab 패널안에 items 넣기Ext.create('Ext.tab.Panel', { width: 480, height: 200, items : [ { title..

Web/Javascript 2015.06.24

[Sencha&ExtJS] ExtJS 기초.6 - Ext.window.Window

윈도우 (Window)창 제어하기 모달창 / 레이어 팝업 autoSwho:true를 하면, 생성시 자동으로 보여지게 된다. (Default: false)Ext.create('Ext.window.Window',{width: 300, height:200, autoShow:true}); autoShow:falsevar winObj = Ext.create('Ext.window.Window',{width: 300, height:200, autoShow:false}); ...{ xtype : 'button', text : 'default button', handler : function() { winObj.show(); }} maximizable: true - 최대창 버튼 (Default: false)modal: ..

Web/Javascript 2015.06.24

[Sencha&ExtJS] ExtJS 기초.5 - Ext.Msg.창

ExtJS의 메시지창 일반 자바스크립트에서는 alert, confirm, prompt 메시지 창을 사용합니다. Alert: Message Box일반적인 알림메시지창Ext.Msg.alert( '제목부분', '내용부분입니다.', function(){ /* OK버튼 클릭시 핸들링 */ } ); Confirm: Message Box확인 메시지 창Ext.Msg.confirm( '제목부분', '내용부분입니다.', function(btn){ /* OK버튼 클릭시 핸들링 */ if(btn == 'yes') alert('YES')else alert('NO');} ); Toast: Message Boxmessage: 'closable' - 창닫기 버튼 없음align: 속석으로 나타나는 위치을 설정 ( t / tr / br..

Web/Javascript 2015.06.24

[Sencha&ExtJS] ExtJS 기초.4 - Panel / toolbar 위치정렬 / Button

기본 페널(Panel)width, height 설정한 예제Ext.onReady(function(){ Ext.create('Ext.Panel', { width: 300, height: 300, renderTo: Ext.getBody() }); }) 기본패널(Panel) + Title + htmltitle 값으로는 TEXT와 HTML이 가능하다.html값에는 패널 안에 html이 입력됩니다.Ext.onReady(function(){Ext.create('Ext.Panel', { width: 300, height: 300, title : 'Title Configs', html : 'HTML BODY PAGE Html TAG', renderTo: Ext.getBody() }); }) 기본패널(Panel) + it..

Web/Javascript 2015.06.24

[Sencha&ExtJS] ExtJS 기초.2 - ExtJS 문법/create/config/renderTo

ExtJS 기본 구조기본 문법은 JSON 규약을 따름단일 속성: "{}"다중 속성: "[{},{}] ExtJS onReady : HTML 페이지가 출력 된 후, 수행Ext.onReady(function (){// 코드 위치}); Ext.create('클래스명',{},콜백) Ext.define된 클래스를 사용할때 사용가능Ext.create('Ext.panel.Panel',{}); Configs 이해하기컴포넌트마다 지원하는 Config(속성)이 다양한 속성을 가지고 있으며, 해당 속성값을 객체 생성시 설정이 가능하다.해당 속성을 누르면, 해당 속성의값의 타입(ex: Number, String)을 확인할 수 있습니다. 원하는 위치에 출력하기 (renderTo)Ext.create를 이용해서, 생성시 화면에 출력..

Web/Javascript 2015.06.19

[Sencha&ExtJS] ExtJS 기초.1 - ExtJS 5.1 GPL 다운로드 + Layout

ExtJS 시작하기ExtJS 프레임워크 다운르도 > Sencha 홈페이지 1. 사이트 다운로드http://www.sencha.com/legal/GPL/ >> ExtJS선택 / 이메일 2. 회신 메일에서 다운로드메일로 ext-5.1.1-gpl.zip을 받을 수 있습니다. 3. 압축해제 4. 해당 부분 복사./build/packages//build/ext-all.js 5. 예제 파일 만들기 참고: http://mongodev.tistory.com/3 Theme 관련packages/ext-theme-XXX 형태의 디렉토리에 있다.aria: Black classic: Bluecrisp: ExtJS 5부터 지원crisp-touchgray: Grayneptune: ExtJS 4부터 지원 neptune-touch: ..

Web/Javascript 2015.06.18

[Sencha&ExtJS] Sencha 2.2.1 동영상

Sencha User Group을 운영하고 계시는 김종광님이 올려준 동영상의 소개해준 Link들입니다.동영상 URL : http://olc.oss.kr/lec/detail.jsp?lec_idx=417 (목차: 19번 "센차 입문자를 위한 핵심 가이드" ) Touch 2.2.1 Sencha Docs동영상: http://docs.sencha.com/touch/2.2.1/#!/video/class-system Class System Intro to Layouts Tabs and Toolbars MVC in Depth Part 1 MVC in Depth Part 2 >Doc 문서 중에 http://docs.sencha.com/touch/2.3.1/#!/guideOverview > Introduction to S..

Web/Javascript 2015.06.18

[Mac] svnX OS X용 svn 프리 프로그램

맥용 OS X용 svn의 GUI툴 입니다.SvnX is an OS X open source GUI for most features of the svn client binary. https://code.google.com/p/svnx/ 실질적으로 2개의 창이 가장 많이 사용됩니다.현재 자신의 폴더에 add/update/commit 등을 할 때에 사용되는 Working Copies 창입니다. Repositories 윈도우: 원격지의 파일을 삭제할때, 사용Working Copies 윈도우: Local 파일을 관리(Add / Update / Commit) Working Copies에서 추가된 설정 더블클릭하면, 프로젝트 창이 뜨고, Repository바로 실행 버튼도 있다.View에 보면, Tree View /..

Mac세상 2015.06.03

eXERD 개인 무료 ERD 프로그램

ERD프로그램으로 유명한 프로그램은 ERwin인데, 아직까지는 써보지 않았지만, 유용해 보이는 ERD 프로그램을 소개합니다. eXERD http://ko.exerd.com/(홈페이지 소개글 : http://ko.exerd.com/#prettyPhoto )개요eXERD™는 경력자 뿐만 아니라 초보자도 데이터베이스 설계를 직관적이고, 쉽고, 빠르게 하도록 개발된 이클립스 기반 지능형 E-R 모델링 도구입니다. eXERD™를 통하여 새로운 모델링 세계를 경험하실 수 있습니다.아울러 현재 Oracle 및 Microsoft SQL Server, IBM DB2, MySQL을 대상으로 리버스/포워드 엔지니어링을 포함한 물리적 특성 편집을 지원하고 있습니다. 향후 국산 데이터베이스들에 대한 지원이 추가로 이뤄질 것입니다.

DB관련 2015.05.15

Mac / iPhone 캘린더에 미국 한국 공휴일 구독하기

[ MAC OS X - 캘린더 구독 하기 ]1. 미국 공휴일 구독하기파일 > 새로운 캘린더 구독캘린더 URL : http://ical.mac.com/ical/US32Holidays.ics 2. 한국 공휴일 구독하기ical.mac.com/ical/South32Korean32Holidays.ics [ iPhone (아이폰) 캘린더 ]1) 미국 공휴일 넣기 [설정]-[Mail,연락처,캘린더]로 들어가서 [계정추가]-[기타]-[구독 캘린더 추가] 서버란에 ical.mac.com/ical/US32Holidays.ics 이렇게 적고 [다음버튼] 클릭 [저장] 클릭하면 됩니다. 참고: 아이폰 달력에 미국과 한국 공휴일 넣는 방법

Mac세상 2015.05.09

GET방식의 길이 제한

출처: [기타] get방식의 길이제한 post와 get방식의 차이점을 정리하던 중 get방식의 길이제한에 대하여 의문이 들어 이렇게 정리한다. GET방식 데이터 전송방법 get방식이 데이터를 전송하는 방법은 주소(url)뒤에 구분자를 이용하여 데이터를 보내는 방식이다. 그렇다면 url뒤에 한없이 데이터를 붙여서 서버에 보내는 것이 가능한 일일까? 실제로 많은 블로그를 찾아보면 get방식의 단점으로 데이터를 보내는데 길이의 제한이 있다는 것이 post와의 차이점으로 나타내고 있다. 그렇다면 여기서 get방식의 길이제한은 얼마나 있는 것일까? 내가 찾아본 자료에 따르면 지금은 현재 IE를 제외하고는 나머지 브라우저들은 GET방식으로 데이터를 보내는데 제한이 없다. IE ( Internet Explorer )..

Web/WEB기본 2015.04.29

[ FREE security tools ] MS, Noton 프로그램

요즘 개인적으로 Tojan 밀웨어가 나의 PC를 공격한다.요걸로 한번 잡았더니. 가상머신에서 2개나 나왔다. (역시 토렌트가 문제였던 같음-_-;;) Trojan:Win32/Gatak.DR SummaryMicrosoft security software detects and removes this threat.The threat tries to download other files, including malware, onto your PC. It can be installed on your PC when you download a key generator or software crack. Find out ways that malware can get on your PC. Trojan - Gatak DR에 ..

반응형