크롬 북마크 일괄삭제 앱

Posted on 2019년 2월 7일 by heewoo

Posted in 미분류

크롬 북마크 추천앱 소개해드립니다. 크롬사용한지 어언 8년정도 되었는데 그간 쌓여온 북마크가 무려 2500개 !!! 삭제는 잘 안하는 편이라 그냥 계속 쌓여가기만 했네요 폴더화로 잘 나누어서 정리했는데 그에 비해 사용안하는 북마크도 점점 많아지네요 ㅠㅠ 일괄로 삭제하려니 기본 크롬애서는 무조건 하나씩 선택해서 삭제하여야하는데 크롬앱을 사용하여 일괄로 선택해서 삭제 했습니다.

링크는 아래 링크로 따라가시면 다운받으실수 있습니다. https://chrome.google.com/webstore/detail/bookmark-manager-plus/pfbeenngglcojppheoegjjjomfkejibg?utm_source=chrome-ntp-icon 한번에 여러개 선택해서 저처럼 삭제하시고픈 분들은 크롭에 설치하시는것을 추천합니다 사용방법은 너무나 간단해서 …. 몇번 클릭만 해보시면 감이 오실겁니다 ㅎ 크롬 기본 북마크에서는 여러개 선택이 안됨 ㅠㅠ

크롬앱을 다운받으시고 아래와같이 여러개 선택해서 일괄 delete !!! 한번에 쫙 정리 !!

2019년 첫글 게시

Posted on 2019년 1월 11일 by heewoo

Posted in 낙서장

2019년 첫글 게시겸 2018년 회고글

어느덧 블로그 한지도 6년이란 시간이 지낫다

2013

2014

2015

2016

2017

2018

그리고 2019 시작

길지도 짧지도 않은 시간이 었는데, 어느덧 세월이 훌훌 흘러가버린다.. ㅜㅜ 나이도 먹고

돌이켜보면 참 핑계지만, 2018년에는 정말 육아에 많이 ? 매진한거 같다.

일찍자고 첫째둘째랑 같이자고, 보통 8~9시 잠들고 3~4시에 일어나는 생활을 했는데

물론 자의적으로 일어난건 아니고 막내가 일어나기 때문에 난 그냥 일어난다. 그대로 나의 하루는 시작

1여년 정도 하니 이제는 그냥 세벽 4시 5시만 되면 저절로 눈이 떠진다. 군생활에 불침번 같이 매일 같이 근무다. 세벽근무 ㅋㅋ

일도 일이고 육아도하고 첫째 둘째랑도 놀아주고 집안일도 도와주고 블로그에 점점 멀어져만 갔던 시간이었다.

아이들과 함께한 시간이 그래도 쪼금 많았던 한해였던거 같다. 앞으로도 그래줄것이다… 막내가 잠만 잘 자준다면 나의 피로가 덜할텐데…ㅋㅋ

2018년은 가족과 함께 추억도 많이 만들고 아빠로써 조금더 성장한 느낌이 든다.

블로그는 조금 뒷전이었지만, 한해 쉬었던 해라고 생각든다… 다시 개발자로써 성장 할수 있도록 블로그를 열심히 해봐야겠다.

와이프가 생일선물로 아이패드 프로 3세대를 사준다하는데 열심히 활용하여 파워?블로그가 되야지 ㅋㅋ

짧게나마 올해 2019년의 목표를 적어본다.

머신러닝 활용
도커 활용방안 (도커 배포 프로세스 및 도커 레포지토리 구축)
문서 잘쓰기… 문서도구 활용
몇가지 개인 프로젝트 (2018년에는 한개도 안했다, 아니 못했다 ㅠ,ㅠ)
정리 잘하기
언제나 그렇지만 기본기 다지기… (자료구조, 알고리즘…)

만다란트 작성법이라는걸 봤는데, 몇가지 아이디어를 더해서 목표를 정하고 실천해 봐야겠다..

이글을 다 작성하고나면 블로그 최신 버전으로 업데이트 해야겠다. 플러그인도 안한지 1년도 넘어서 업데이트할게 태산인데…

그리고 앞으로 머릿속에 정리되지 않았던 내용들도 끄집어내서 자주 적도록 노력해야겠다. 6년째노력중인데 잘안된다. ㅋㅋ

2019년 기해년 화이팅 하자 !

정말 정말 정말 오랜만에 블로그

Posted on 2018년 5월 17일 by heewoo

Posted in 낙서장

Long time no see

마지막글이 작년 9월달이라니…

정말 오랫동안 글을 안썻구나 느낀다 ㅋㅋㅋ

아직늦지 않았으니 다시 열심히 블로깅을 하자..ㅎㅎ

그동안 나에게 많은 일이있었고 많은 변화도 찾아왔다!

내가 정말 아빠가 되는것이 느껴진다…(이미 3명의 자식이 있다) 응?ㅋㅋ

짧게나마 지난 몇개월간 개인적인 일의 흔적을 적어보자

프리랜서 생활

은하수호랑이 완성

Ionic Framework 개발

orange pi – network 구축 * 20대 (op tower )

jekins 스케줄러 가동 (news site 국내 언론사)

nutch 고도화 (이건 하다 말았넹)

hapi site 개발 ( 이건 nodejs의 프레임웤 사이트인데, 비공개사이트)

그밖에 여러가지 일들…

생각하려니 또 생각이 안나네.. (이래서 기록이 중요)

앞으로또 열심히 차근차근 남겨보도록 하자

다짐! (몇번째 다짐인지.. ㅋㅋㅋ )

자바스크립트 마스킹 처리 정규식

Posted on 2018년 5월 17일 by heewoo

Posted in Javascript

이번에 특정 정보를 마스킹 처리해야할 일이 생겼는데

이참에 정리 차원에서 올립니다.

자바스크립트로 마스킹 처리

/*
* 마지막 글자를 * 처리한다. (ex. 홍길동 → 홍길*)
*/
function maskingName(strName) {
    if(strName === undefined || strName === '') {
        return '';
    }
    var pattern = /.$/; // 정규식
    return strName.replace(pattern, "*");
}
/*
* 뒤에서 부터 3글자를 * 처리한다. (ex. 12가3456 → 12가3***)
*/
function maskingCar(strCar) {
    if (strCar == undefined || strCar === '') {
        return '';
    }
    var pattern = /.{3}$/; // 정규식
    return strCar.replace(pattern, "***");
}

// 마스킹 이메일 처리 //
function masking(email) {

   var len = email.split('@')[0].length ;  // ******@gmail.com
// var len = email.split('@')[0].length-3; // AB***@gamil.com
   return email.replace(new RegExp('.(?=.{0,' + len + '}@)', 'g'), '*');

}

모바일 웹 개발 팁

Posted on 2017년 9월 23일 by heewoo

Posted in HTML5

[Viewport] – 기본설정

모바일 웹브라우저의 기본 화면크기 및 확대/축소 배율등을 정하는 모바일 웹사이트 및 웹앱을 만들시 제일 중요한 Meta 태그입니다.

기본적으로 아이폰의 사파리 웹브라우저는 넓이가 980px인 해상도로 보여주기 때문에 아이폰에서 아이폰3G(S)에 맞춰 디자인 한 웹페이지(320×480)를 본다고 가정한 경우 뷰포트를 설정하지 않는다면 가로 좌우 여백이 330px의 여백이 남는 아주 작은 화면을 보게 됩니다.

다음처럼 뷰포트를 사용하면 1:1 비율로 아이폰의 해상도에 맞게 최적화 할 수 있습니다.

width : 넓이 – device-width | N px (200~10000 px, default 980 px)

height : 높이 – device-height | N px (223~10000 px)

initial-scale : 초기 확대/축소 배율

minimum-scale : 최소 축소 배율 – N (0~10, default 0.25)

maximum-scale : 최대 확대 배율 – N (0~10, default 1.6)

user-scalable : 확대/축소 가능 여부 – yes | no (default yes)

각각의 설정 값과 기본 값은 위와 같으며, 사용자에 따라 최적화된 환경을 제공할 수 있도록 각각의 속성을 설정하는것이 중요합니다.

[자동 전화걸기 태그 방지] – 기본설정

전화번호형식의 경우 자동으로 전화걸기로 연결되는데 no로 할 경우 불가능하도록 한다.

// [전체화면 모드]가 적용된 경우는 자동 전화걸기 태그 방지가 먹지 않습니다.;;

[홈 화면 아이콘] – 기본설정

아이폰의 경우 웹 페이지를 앱처럼처럼 홈 화면에 바로가기를 추가할 수 있습니다.

단순히 아이콘만 설정 가능한 것이 아니라 아이폰의 홈 화면 아이콘들의 공통점인 라운드 박스 효과는

기본적으로 적용되고, 반사광 효과의 적용 유무를 추가로 선택이 가능합니다.

// 반사광 효과를 주는 경우

// 반사광 효과가 없는 경우

apple-touch-icon.png / apple-touch-icon-precomposed.png 의 파일명으로 도메인의 최상위 경로에 올려두면

위의 link 태그를 적용하지 않아도 홈 화면에 추가시 아이콘이 적용됩니다.

기기별 홈 아이콘 이미지 사이즈

: 아이폰3G, 아이폰3GS [ 사이즈: 57*57 ]

: 아이패드 [ 사이즈: 72*72 ]

: 아이폰 4 [ 사이즈: 114*114 ]

홈 아이콘 작업시 주의사항!!

– 이미지는 네모 : 사파리 브라우저에서 홈 아이콘 등록시 기본으로 라운드 박스 효과 적용됩니다.

– 라운드 박스 작업 No : 이미지를 라운드 박스로 작업할 경우 홈아이콘 추가시 깨져보임니다.

– 반사광 없이 작업 : 기본으로 반사광이 들어가며, 반사광 여부를 설정할 수 있습니다.

– 이미지는 png로 저장!!

[파비콘] – 기본설정 추천

안드로이드 스마트폰은 버전에 따라 홈화면 아이콘 및 파비콘을 홈화면 아이콘으로 사용합니다.

일부 낮은 버전에는 책갈피 모양만 나오는 경우가 있습니다.

파비콘 *.ico

포토샵 & 아래 사이트를 이용해 이미지를 만들수 있다.

http://www.favicon.cc/ 그림판 같은.. 도트로 파비콘을 만들 수 있는 사이트

http://www.degraeve.com/favicon/ 직접그려서 만들수도 있고, 기존 이미지 변환도 시켜준다

홈 아이콘 & 파비콘 등록 방법 : link & root & js (아이폰vs안드로이드 & 버전에따라 넣을경우는 js을 이용합니다.)

[툴바감추기] – 기본설정 (세트)

자바 스크립트로 웹 페이지에 접속시 자동으로 스크롤을 상단의 주소 표시줄만큼 내려 상단의 주소표시줄이 사라진 것 처럼 만들수 있습니다.

window.addEventListener(‘load’, function(){setTimeout(scrollTo, 0, 0, 1);

}, false);

</script>

[전체화면 모드] 아이폰용 (툴바감추기도 적용되어 있어야 적용됩니다.) (세트)

웹 페이지를 홈 화면으로 추가하면 특정 Meta 태그를 통해 웹 브라우저의 상단의 주소 표시줄과 하단의 버튼 Bar를 없앨 수 있습니다.

단 홈 화면에 추가한 후 홈 화면의 아이콘을 통해 접속 했을 경우에만 적용이 됩니다.

자바스크립트의 window.navigator.standalone의 결과값(true/false)으로 전체화면 모드 유무를 알 수 있습니다.

[스플래시 스크린] 아이폰용 (세트)

스플래시 스크린이란 웹 페이지를 홈 화면에 추가한 후 실행할때 잠깐동안 로고나 이미지를 보여주고 사라지는 화면입니다.

전체화면 모드에서 설명한 apple-mobile-web-app-capable Meta 태그를 적용해야 스플래시 스크린도 적용됩니다.

덧. 빠르게 화면이 열릴때는 안보이거나 잠시 보여진 후 화면이 메인으로 넘어감니다.

스플래시 스크린 이미지 사이즈

– iPhone3 320 * 480 => 320 * 460

– iPhone4 640 * 960 => 640 * 940

– 아이패드 768 * 1024 =>768 * 1004

[상태바 색상 설정] (bar에 style 입히기) 아이폰용 (세트)

아이폰 상단의 상태 Bar의 경우 3가지 테마를 Meta 태그로 설정할 수 있습니다.

특별한 기능이 있는건 아니지만 디자인을 좀 더 통일성 있게 만들수 있다는 점에서 원하는 색상으로 적용하시면 됩니다.

: 반투명하게 할 경우 bar 높이만큼(20) 여백을 주어야 합니다. 아니면 본문내용이 반투명한 바와 겹치게 됩니다.

[화면 높이가 너무 짧을 경우]

: 경우에 따라 사용하셔야 합니다. 세로화면에서 적용한 경우 가로모드로 돌려볼 경우 화면깨짐 현상이 생겨남니다.

세로 고정인 웹앱인 형태나 가로모드지원을 안하는 모바일 웹작업할 경우 유용할 듯 합니다.

2. css

[폰트 사이즈 고정하기] – 기본설정

모바일 디바이스의 경우 화면을 가로/세로로 전환할 수 있습니다. 웹킷 기반의 웹 브라우저는 뷰포트의 크기에 따라

폰트 사이즈가 변경되는데 보통 그러한 기능이 화면을 깨트리는 경우가 발생하여 CSS를 이용해 폰트 사이즈를 고정시키기도 합니다.

폰트 사이즈를 고정시키려면 고정시킬 곳에 다음 CSS를 추가하면 됩니다.

-webkit-text-size-adjust:none;

-webkit-text-size-adjust – auto | none | N% (default auto)

[css의 분리]

3. mobile기법

ir 기법 & 스프라이프기법

http://m.naver.com

http://m.daum.net

4. tel schema

스키마 링크

tel: 스키마 : <a href=”tel:12345678900″>Call me</a>

sms: 스키마 : <a href=”sms:12345678900″>Send me a text</a>

———————————————————————————-

rotation

window.onorientationchange = function() {

alert(window.orientation);

}

터치 이벤트 핸들러

touchstart

touchmove

touchend

touchcancel

터치 제스처 핸들러

gesturestart

gesturechange

gestureend

개발 관련 샘플

http://www.iphonewebdev.com/examples/

validator

w3c : http://validator.w3.org/mobile/

mobi : http://ready.mobi/launch.jsp?locale=en_EN

UI frame work

iwebkit : http://iwebkit.net

jqtouch : http://www.jqtouch.com/

yahoo blueprint : http://mobile.yahoo.com/developers

wapl : http://wapl.info/

PhoneGap- Create Applications with HTML and Javascript : http://www.phonegap.com/

iPhone User Interface Framework : http://code.google.com/p/iui/

개발 사이트

애플 개발가이드 :http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html#//apple_ref/doc/uid/TP40002079-SW1

사파리 개발 : http://developer.apple.com/safari/

오페라 미니 미리보기(JAVA) : http://www.opera.com/mobile/demo/

디자인 관련

모바일 사이트 샘플 : http://www.mobileawesomeness.com/

아이폰 PSD 백터 : http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/

아이폰 4 : http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

아이폰 개발 어플 : http://itunes.apple.com/app/liveview/id301069270?mt=8

벡터 아이콘 : http://www.iphonedesigntools.com/

CSS3 관련

모바일 사이트 샘플

CSS3 Box-sizing

CSS3 Colors

CSS3 selectors

CSS3 Rounded corners (border-radius)

CSS3 Text-shadow

CSS3 Box-shadow

CSS3 Transforms

CSS3 Multiple backgrounds

CSS3 Border images

CSS3 Background-image options

CSS3 Transitions

CSS3 Multiple column layout

CSS3 Grident

pure css3 : http://graphicpeel.com/cssiosicons

css3 btn : http://css3pie.com/

크로스 브라우징

/* FireFox 3.6 */ background-image: -moz-linear-gradient(top, #9FD4FF, #008CFF); /* Safari4+, Chrome */ background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #008CFF),color-stop(1, #9FD4FF)); /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#9FD4FF’, endColorstr=’#008CFF’); /* IE8 */ -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=’#9FD4FF’, endColorstr=’#008CFF’)”;

font-face

google API : http://code.google.com/webfonts

html5 관련

html 레이아웃만들기

http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/

html cavas 예제

http://9elements.com/io/projects/html5/canvas/

Canvas (basic support)

Audio element

Video element

[출처] [Domfam] 모바일 웹 자료정리 ver.2 (웹디들의커뮤니티카페 :: Dom FAM ::) |작성자 꼬마별

자바 디자인패턴

Posted on 2017년 9월 21일 by heewoo

Posted in Java

디자인 원칙

– 애플리케이션에서 달라지는 부분을 찾아내고, 달라지지 않는 부분으로부터 분리한다.

– 구현이 아닌 인터페이스에 맞춰서 프로그래밍한다.

– 상속보다는 구성을 활용한다.

– 서로 상호작용을 하는 객체 사이에서는 가능하면 느슨하게 결한하는 디자인을 사용해야 한다.

– 클래스는 확장에 대해서는 열려 있어야 하지만 코드 변경에 대해서는 닫혀 있어야 한다.

(OCP : Open-Closed Principle)

– 추상화된 것에 의존하도록 만들어라. 구상클래스에 의존하도록 만들지 않도록 한다.

– 최소 지식 원칙 – 정말 친한 친구하고만 얘기하라.

(다음 네 종류의 객체의 메서드만 호출한다.

1. 객체 자체 / 2. 메서드에 매개변수로 전달된 객체 / 3. 그 메서드에서 생성하거나 인스턴스를 만든 객체 / 4. 그 객체에 속하는 구성 요소)

– 헐리우드 원칙 – 먼저 연락하지 마세요. 저희가 연락 드리겠습니다.

– 클래스를 바꾸는 이유는 한 가지 뿐이어야 한다.

+ … 나중에 어떻게 바뀔 것인가?

스트래티지 패턴(Strategy Pattern)

– 알고리즘군을 정의하고 각각을 캐슐화하여 교환해서 사용할 수 있도록 만든다.

– 알고리즘을 사용하는 클라이언트와는 독립적으로 알고리즘을 변경할 수 있다.

– 구성을 사용한다.

– 일반적으로 서브클래스를 만드는 방법을 대신하여 유연성을 극대화하기 위한 용도로 쓰인다.

– 예: QuarkBehavior & FlyBehavior

옵저버 패턴(Observer Pattern)

– 한 객체의 상태가 바뀌면 그 객체에 의존하는 다른 객체들한테 연락이 가고

자동으로 내용이 갱신되는 방식으로 일대다(one-to-many) 의존성을 정의한다.

– 주제(Subject) & 옵저버(Observer)

– Observable & Observer:

Observable 에 register, remove, notify 가 있고,

Observer 에 update 가 있다. (notify 에서 update 를 호출)

– 예: 신문 구독 서비스, 기상관측 시스템

데코레이터 패턴(Decorator Pattern)

– 객체에 추가적인 요건을 동적으로 첨가한다.

– 데코레이터는 서브클래스를 만드는 것을 통해서 기능을 유연하게 확장할 수 있는 방법을 제공한다.

– 예: 스타버즈 커피

팩토리 패턴(Factory Pattern)

– 팩토리 메서드 패턴 :

객체를 생성하기 위한 인터페이스를 정의하는데, 어떤 클래스의 인스턴스를 만들지는 서브클래스에서 결정하게 만든다.

클래스의 인스턴스를 만드는 일을 서브클래스에 맡긴다.

– 제품을 생산하는 부분과 사용하는 부분을 분리시킬 수 있다.

– 추상 팩토리 패턴 :

인터페이스를 이용하여 서로 연관된, 또는 의존하는 객체를 구상 클래스를 지정하지 않고 생성한다.

구상 클래스는 서브 클래스에 의해 만들어진다.

싱글턴 패턴(Singleton Pattern)

– 해당 클래스의 인스턴스가 하나만 만들어지고,

어디서든지 그 인스턴스에 접근할 수 있도록(전역 접근) 하기 위한 패턴

커맨드 패턴(Command Pattern)

– 요구 사항을 객체로 캡슐화 할 수 잇으며, 매개변수를 써서 여러 가지 다른 요구 사항을 집어넣을 수 있다.

또한 요청 내역을 큐에 저장하거나 로그로 기록할 수도 잇으며, 작업취소 기능도 지원 가능하다.

– 예: 리모콘

– 서블릿의 doGet(), doPost() 또는 스트럿츠의 Action() 메서드도 커맨드 패턴이지 않을까?

어댑터 패턴(Adapter Pattern)

– 한 클래스의 인터페이스를 클라이언트에서 사용하고자 하는 다른 인터페이스로 변환한다.

어댑터를 이용하면 인터페이스 호환성 문제 때문에 같이 쓸 수 없는 클래스들을 연결해서 쓸 수 있다.

퍼사드 패턴(Facade Pattern)

– 어떤 서브시스템의 일련의 인터페이스에 대한 통합된 인터페이스를 제공한다.

퍼사드에서 고수준 인터페이스를 정의하기 때문에 서브시스템을 더 쉽게 사용할 수 있다.

– 서브시스템의 호출을 퍼사드에서 처리해준다. (기본 명령 호출 정도랄까…)

– 일련의 클래스들에 대한 인터페이스를 단순화 시킨다.

– 각 패턴별 차이점:

데코레이터 패턴 : 인터페이스는 바꾸지 않고 책임(기능)만 추가

어댑터 패턴 : 한 인터페이스를 다른 인터페이스로 변환

퍼사드 패턴 : 인터페이스를 간단하게 바꿈

템플릿 메서드 패턴(Template Method Pattern)

– 메서드에서 알고리즘의 골격을 정의한다.

알고리즘의 여러 단계 중 일부는 서브클래스에서 구현할 수 있다.

템플릿 메서드를 이용하면 알고리즘의 구조는 그대로 유지하면서 서브클래스에서 특정 단계를 재정의할 수 있다.

– 스트래티지 패턴과 다른 점:

템플릿 메서드 패턴은 알고리즘의 개요를 정의한다. 실제 작업 중 일부는 서브클래스에서 처리.

스트래티지 패턴은 객체 구성을 통해서 알고리즘을 캡슐화 및 구현

– 예) Arrays.sort(배열); — compareTo() 를 구현하도록 되어 있다.

Applet , init(), start(), stop(), destory()

그렇다면 서블릿에도 템플릿 메서드가 쓰이는 거구나. init() – service() – destory()

이터레이터 패턴(Iterator Pattern)

– 컬렉션 구현 방법을 노출시키지 않으면서도

그 잡합체 안에 들어있는 모든 항목에 접근할 수 있게 해주는 방법을 제공한다.

– 컬렉션의 구현을 드러내지 않으면서 컬렉셔네 있는 모든 객체들에 대해 반복작업할 수 있다.

컴포지트 패턴(Composite Pattern)

– 객체들을 트리 구조로 구성하여 부분과 전체를 나타내는 계층구조로 만들 수 있다.

이 패턴을 이용하면 클라이언트에서 개별 객체와 다른 객체들로 구성된

복합 객체(composite)를 똑같은 방법으로 다룰 수 있다.

– 클라이언트에서 객체 컬렉션과 개별 객체를 똑같은 식으로 처리할 수 있다.

– 예) 트리 구조의 패턴, 디렉토리 구조

– 예) XMLObject 객체가 컴포지트 패턴을 구현한 게 아닐까

스테이트 패턴(State Pattern)

– 객체의 내부 상태가 바뀜에 따라서 객체의 행동을 바꿀 수 있다.

마치 객체의 클래스가 바뀌는 것과 같은 결과를 얻을 수 있다.

– 상태 전환의 흐름을 결정하는 코드를 어느 쪽에 집어넣는지 잘 고려해야 한다.

(상태 객체인지, Context 객체인지)

– 각 상태를 클래스로 캡슐화함으로써 나중에 변경시켜야 하는 내용을 국지화시킬 수 있다.

– 스트래티지 패턴:

어떤 클래스의 인스턴스를 만들고 그 인스턴스에게 어떤 행동을 구현하는 전략 객체를 건내준다.

스테이트 패턴:

컨텍스트 객체를 생성할 때 초기 상태를 지정해주는 경우 이후로는 컨텍스트 객체가 알아서 상태를 변경.

프록시 패턴(Proxy Pattern)

– 어떤 객체에 대한 접근을 제어하기 위한 용도로 대리인이나 대변인에 해당하는 객체를 제공하는 패턴

– 다른 객체를 대변한느 객체를 만들어서 주 객체에 대한 접근을 제어할 수 있다.

– 원격프록시(remote proxy): 원격 객체에 대한 접근 제어

클라이언트와 원격 객체 사이에서 데이터 전달을 관리

가상프록시(virtual proxy): 생성하기 힘든(인스턴스를 만드는 데 많은 비용이 드는) 자원에 대한 접근 제어

보호프록시(protection proxy): 접근 권한이 필요한 자원에 대한 접근 제어

호출하는 쪽의 권한에 따라서 객체에 있는 메소드에 대한 접근 제어

방화벽 프록시: 일련의 네트워크 자원에 대한 접근 제어

스마트 레퍼런스 프록시: 주 객체가 참조될 때마나 추가 행동을 제공. 객체에 대한 레퍼런스 개수를 세는 등

캐싱 프록시: 비용이 많이 드는 작업의 결과를 임시로 저장

웹 서버 프록시 또는 컨텐츠 관리 및 퍼블리싱 시스템 등에서 사용

동기화 프록시: 여러 스레드에서 주 객체에 접근하는 경우 안전하게 작업을 처리할 목적(분산 환경 등에서 사용)

복잡도 숨김 프록시: 복잡한 클래스들의 집합에 대한 접근을 제어하고 복잡도를 숨겨줌

퍼사드 프록시라고도 함.

프록시에서는 접근을 제어하지만 퍼사드 패턴에서는 대체 인터페이스만 제공

지연 복사 프록시: 클라이언트에서 필요로 할 때까지 객체가 복사되는 것을 지연시킴으로써 객체의 복사 제어

– 아래 객체들은 모두 클라이언트와 객체 사이에 끼여들어서 요청을 전달한다.

데코레이터 패턴: 클래스에 새로운 행동을 추가하기 위한 용도

어댑터 패턴: 다른 객체의 인터페이스를 바꿔주기 위한 용도

프록시 패턴: 어떤 클래스에 대한 접근을 제어하기 위한 용도

– java.reflect.Proxy 에 기능이 내장되어 있다.

디자인 패턴 정의

– 패턴이란 특정 컨텍스트 내에서 주어진 문제에 대한 해결책이다.

– 어떤 컨텍스트 내에서 일련의 제약조건에 의해 영향을 받을 수 있는 문제에 봉착했다면,

그 제약조건 내에서 목적을 달성하기 위한 해결책을 찾아낼 수 있는 디자인을 적용하면 된다.

주의점 및 추가 사항

– 디자인 패턴의 과다한 사용은 불필요하게 복잡한 코드를 초래할 수 있다.

항상 가장 간단한 해결책으로 목적을 달성할 수 있도록 하고, 반드시 필요할 때만 디자인 패턴을 적용하자.

– 코딩할 때 어떤 패턴을 사용하고 있는지 주석으로 적어주자.

클래스와 메서드 이름을 만들 때도 사용 중인 패턴이 분명하게 드러날 수 있도록 해보자.

다른 개발자들이 그 코드를 볼 때 무엇을 어떻게 구현했는지 훨씬 빠르게 이해할 수 있다.

그 외 잘 정리된 참고 사이트 : http://vincehuston.org/dp/

정규식 이란

Posted on 2017년 8월 13일 by heewoo

Posted in 정규식

1. 정규식이란?

String의 검색, 치환, 추출을 위한 패턴.
언어별 사용법은 대동소이함.
패턴예>전화번호 형식, 이메일 형식 등.
벨리데이션 체크할때
Text파일에서 문자 추출 또는 변환을 위해

정규식 몇가지만 잘 정리하고 익혀두어도 쉽게 검색,치환,추출등이 가능하다는거..

앞으로 저도 각 랭귀지에서 사용하는 정규식 사용법 활용법들을 따로 정리할 예정입니다.

위키에 잘 정리되있네요 ^^;

https://ko.wikipedia.org/wiki/%EC%A0%95%EA%B7%9C_%ED%91%9C%ED%98%84%EC%8B%9D

스프링 4.0 릴리즈 가이드

Posted on 2017년 8월 13일 by heewoo

Posted in SpringFramwork

https://spring.io/blog/2013/12/12/announcing-spring-framework-4-0-ga-release

영어가 약해 다 보진 못했지만..

Java 8 지원

하이버네이트 쿼츠 EhCache등의 인기 라이브러리 최신 버전 지원

Rest 지원 강화

WebSocket 지원

JCP 강화

새로운 가이드 지원

https://spring.io/guides/gs/messaging-stomp-websocket/

https://spring.io/guides/gs/consuming-rest-angularjs/

https://spring.io/guides/gs/consuming-rest-backbone/

https://spring.io/guides/gs/consuming-rest-jquery/

https://spring.io/guides/gs/consuming-rest-restjs/

https://spring.io/guides/gs/consuming-rest-sencha/

https://spring.io/guides/gs/consuming-rest-ios/

https://spring.io/guides/gs/rest-service-cors/

https://spring.io/understanding/cors

등등이 있는 것 같네요~~

iframe 부모, 자식 함수 실핼

Posted on 2017년 8월 5일 by heewoo

Posted in jQuery

<body>

</body>

// iframe 접근

window.frames.length;

// window.frames[0].document;

// iframe의 window의 document객체

document.getElementById(‘iframeA’);

// iframe 엘리먼트document.getElementById(‘iframeA’).contentWindow.document;

// iframe의 window의 document객체

// iframe객체의 window$(‘iframe’).get(0).contentWindow // window

// iframe객체의 document$(‘iframe’).get(0).contentDocument // document// 또는 $(‘iframe’).get(0).contentWindow.document

// document

// 부모html에서 자식iframe 함수 실행

$(‘#iframe’).get(0).contentWindow.함수명(args);

$(‘#iframe’)[0].contentWindow.함수명(args);

// 부모html에서 자식iframe 변수접근

$(‘#iframe’).get(0).contentWindow.접근할변수명;

IE8 하위버전 호환을 위해 contentWindow 를 확인해줄필요가..있습니다

<pre>var objDoc = obj.contentWindow || obj.contentDocument;</pre>

// 부모html에서 자식iframe 접근, 제어

// jQuery$(‘#iframe’).contents().find(‘#foo’).text(‘안녕하세요’);

// 자식iframe에서 부모 html 변수, 함수 호출window.parent.변수명; // 한단계 부모 // 그렇다면 두단계 부모는?? window.parent.parent.변수명window.top.변수명; // 최상위 부모 // html(최상위) -> iframe -> iframe – iframe(자식) (여기에서 top을 쓰면 최상위 부모로 접근, parent를 쓰면 바로위 iframe에 접근)

// iframe 이전페이지로$(‘iframe’).get(0).contentWindow.history.go(-1);

// iframe 새로고침$(‘iframe’).get(0).contentDocument.location.reload(); // document

// iframe 로드$(‘iframe’).load(function(){ // iframe이 모두 load된후 제어 $(this).contents().find(‘body’);});

// 자식iframe에서 부모html의 다른 iframe에 접근$(‘제어할 아이디’, parent.frames[“부모창 제어할 frame의 name값”].document).html(“여기도 제어한다.”);

// 자식iframe에서 부모html 접근 (최상위 부모html에 접근된다.)

$(‘부모창 제어할 아이디’, parent.document).contents().find(‘body’).html();

// $(‘부모창 제어할 아이디’, parent.document) -> $(‘#ID이름’,top.document)로 변경해도 된다.

// html -> iframe -> iframe -> iframe 이런 구조일 경우

// 자식iframe 한단계 윗 부모html(iframe)에 접근하기
window.frameElement

// iframe 또는 this.frameElement .parentNode // 부모
<div> <iframe src=”sub.html”></iframe></div> window.frameElement.parentNode

// 자식iframe을 감싸는 부모는 div가 된다.if(!window.frameElement){ console.log(‘최상위 프레임’); }

// 요소(node)가 iframe이 아닐경우에는 최상위(root)부모 html 이다.

java Socket 오류

Posted on 2017년 8월 2일 by heewoo

Posted in Java

WAS, DBMS 서버 등과 연결되는 Socket 관련 프로그램에서 다음과 같은 오류 메세지가 자주 발생한다.

Connection reset by peer, Connection reset, Broken Pipe

이런 에러가 발생해도 정상적으로 잘 서비스되기 때문에 별로 관심을 안가졌는데 직접 데몬 서비를 만들고 관련 클라이언트를 만들다 보니 어떤 경우에 이런 에러가 발생하는지 알아야지만 대처가 가능할 것 같아서 찾아 보았다.

– java.net.SocketException: Connection reset by peer: socket write error

원인: write 시 상대방 socket close 된 경우

– java.net.SocketException: Connection reset

원인: read 시 상대방 socket close 된 경우

– java.io.IOException: Broken pipe

원인: receiver에서 송신받은 데이터를 제때 처리하지 못하는 상황(네트워크가 느리거나 서버의 CPU가 max인 경우 등)에서 sender가 계속 보내는 경우

결론적으로 위의 두 종류의 Exception은 데이터를 요청한 측(브라우저 등)에서 서버에서 데이터를 다 보내기 전에 강제로 닫아 버리거나 종료해버릴때 발생하는 것이기 때문에 큰 문제는 되지 않는다. 하지만 Broken Pipe의 경우 정상적으로 데이터를 보내지만 받지 못하는 상황이 발생하기 때문에 문제가 된다.

Broken Pipe의 경우 클라이언트는 계속 해서 데이터를 보내는 것이 아니라 하나의 레코드를 보낸 다음 서버에서 정상적으로 수신했다는 신호를 받고 다시 보내는 형태로 구현하면 된다. 속도가 좀 떨어진다는 단점이….

마지막으로 Read timed out 이 발생하는 것은 Buffered 관련 기능을 사용할 경우에 많이 발생하는데, client/server간에 서로 신호를 주고 받으면서 read, write 하는 경우 write 한 후 flush(), close()를 하지 않게 되면 실제 데이터는 receiver로 전송되지 않게 된다. 이때 receiver는 일정 시간 동안 데이터가 오지 않으면 timeout 된 것으로 간주하게 된다.

다음 페이지 »