'2014/04 글 목록

'2014/04'에 해당되는 글 10건

2014.04.28 Web Scripts 에서 Cookie 에 접근하기
2014.04.27 Web Scripts 에서 모바일 기기 체크하기
2014.04.26 Web Scripts 에서 Request Header 조회하기
2014.04.21 브라우저 별 개발자 도구...
2014.04.21 정규식으로 String ltrim, rtrim ...
2014.04.20 윗사람이 되면 절대하지 말아야 하는 행동 중 하나
2014.04.16 검색 시 target 폴더 제외 시키기
2014.04.10 width, height >> 100% 에서 마이너스 값으로 설정하기 1
2014.04.08 부사수 육성계획
2014.04.04 No 'Access-Control-Allow-Origin' header is present on the requested resource. 3

Web Scripts 에서 Cookie 에 접근하기

JAVA/Alfresco / 2014. 4. 28. 13:49

2014/04/26 - [JAVA/Alfresco] - Web Scripts 에서 Request Header 조회하기

2014/04/27 - [JAVA/Alfresco] - Web Scripts 에서 모바일 기기 체크하기

지난 포스팅에서 정리했던 Web Scripts 스크립트 헬퍼 부분에 쿠키에 접근하는 로직을 추가하였다.

var GlobalScriptHelper = (function() {

/**
	 * 리퀘스트 헤더
	 */
	var _p_requestHeaders = null;

/**
	 * 리퀘스트 헤더를 반환한다.
	 */
	function _f_gatheringRequestHeaders() {

var _requestObject = Request.get('surfViewHttpServletRequest').getWrappedObject();
		var _headerNames = _requestObject.getHeaderNames();

_p_requestHeaders = {};
		while (_headerNames.hasMoreElements()) {
			var _name = _headerNames.nextElement();
			_p_requestHeaders[_name] = _requestObject.getHeader(_name);
		}
	}

/**
	 * 리퀘스트 헤더 전체를 반환한다.
	 */
	function _f_getRequestHeaders() {

if (_p_requestHeaders == null) {
			_f_gatheringRequestHeaders()
		}

return _p_requestHeaders;
	}

return {

/**
		 * 리퀘스트 헤더를 반환한다.
		 */
		getRequestHeader: function getRequestHeader(name) {

return _f_getRequestHeaders()[name.toLowerCase()];
		},

/**
		 * 모바일 기기를 반환한다.
		 */
		getMobileDevice: function getMobileDevice() {

var _userAgent = this.getRequestHeader('User-Agent');
			return _userAgent.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i);
		},

/**
		 * 모바일 기기 여부를 확인한다.
		 */
		isMobile: function isMobile() {

return this.getMobileDevice() != null;
		},

/**
		 * 쿠키를 조회한다.
		 * 
		 * @param key
		 *            {String} 쿠키 키
		 */
		getCookie: function getCookie(key) {

var _cookie = this.getRequestHeader('Cookie');
			var _keyValue = _cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
			return _keyValue ? _keyValue[2] : null;
		}
	}
})();

사용법은 아래와 같다.

저작자표시

Posted by 자수씨

, |

Web Scripts 에서 모바일 기기 체크하기

JAVA/Alfresco / 2014. 4. 27. 13:12

2014/04/26 - [JAVA/Alfresco] - Web Scripts 에서 Request Header 조회하기

이전 글에서는 Alfresco Web Scripts 에서 Header 를 조회하는 방식을 알아보았다. 이번 글에서는 User-Agent 를 조사하여 모바일 기기인지를 체크하는 방법을 설명한다.

var GlobalScriptHelper = (function() {

/**
	 * 리퀘스트 헤더
	 */
	var _p_requestHeaders = null;

/**
	 * 리퀘스트 헤더를 반환한다.
	 */
	function _f_gatheringRequestHeaders() {

var _requestObject = Request.get('surfViewHttpServletRequest').getWrappedObject();
		var _headerNames = _requestObject.getHeaderNames();

_p_requestHeaders = {};
		while (_headerNames.hasMoreElements()) {
			var _name = _headerNames.nextElement();			
			_p_requestHeaders[_name] = _requestObject.getHeader(_name);
		}
	}

/**
	 * 리퀘스트 헤더 전체를 반환한다.
	 */
	function _f_getRequestHeaders() {

if (_p_requestHeaders == null) {
			_f_gatheringRequestHeaders()
		}

return _p_requestHeaders;
	}

return {

/**
		 * 리퀘스트 헤더를 반환한다.
		 */
		getRequestHeader: function getRequestHeader(name) {

return _f_getRequestHeaders()[name.toLowerCase()];
		},

/**
		 * 모바일 기기를 반환한다.
		 */
		getMobileDevice: function getMobileDevice() {

var _userAgent = this.getRequestHeader('User-Agent');
			return _userAgent.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i);
		},

/**
		 * 모바일 기기 여부를 확인한다.
		 */
		isMobile: function isMobile() {

return this.getMobileDevice() != null;
		}
	}
})();

getMobileDevice() 함수와 isMobile() 함수가 추가되었으며, 사용법은 아래와 같다.

저작자표시

Posted by 자수씨

, |

Web Scripts 에서 Request Header 조회하기

JAVA/Alfresco / 2014. 4. 26. 16:09

Template component 로 Web Scripts 에서 Request 헤더에 쉽게 접근할 수 있는 방법이 보이지 않았다.

(그냥 컴포넌트를 요청하면 헤더를 사용할 수 있는데...)

그리하여 요리조리 테스트해보면서 아래와 같은 헬퍼클래스를 만들었다.

사용법은 아래와 같다.

저작자표시

Posted by 자수씨

, |

브라우저 별 개발자 도구...

WEB / 2014. 4. 21. 20:47

1. 인터넷익스플로러

- F12 누르면 나온다.

- console.log 는 디버그를 시작해야 만 확인 가능하다.

2. 크롬

- F12 누르면 나온다.

3. 파이어폭스

- 예전에는 Firebug 를 썼는데, 지금은 검사기라는 도구를 별도로 제공한다.

- 단축키는 모름;;;

4. 사파리

- "편집 > 기본설정" 의 고급 탭에서 "메뉴 막대에서 개발자용 메뉴 보기" 체크를 설정한다.

- 그래야 개발자용이라는 메뉴가 보이고 거기서 "Web Inspector" 라는 개발자 도구를 띄울 수 있다.

5. 오페라

- Ctrl + Shift + I(아이) 로 띄울 수 있다.

- 크롬이랑 비슷하게 생겼다

오늘은 여기까지만~

저작자표시

Posted by 자수씨

, |

정규식으로 String ltrim, rtrim ...

JavaScript / 2014. 4. 21. 20:15

역시 정규식이 짱!!!

저작자표시

Posted by 자수씨

, |

윗사람이 되면 절대하지 말아야 하는 행동 중 하나

주절주절 / 2014. 4. 20. 15:49

아랫사람이 "뭐가 중요하나요?", "우선순위는 어떻게 되나요?" 라고 물어본다면...

"다 중요해"

이렇게는 절대 대답하지 말자. 너무 듣기 싫은 말 중 하나이다. (뭘 어쩌라는 건가요?)

다 중요하다는 것은 우선순위가 없다는 것이고 그럼 중요한 것이 없다라고 생각할 수도 있는데, 도대체 무슨 생각으로 그런 대답을 하는 것인지 이해가 안된다.

아무리 모두 중요하더라도 한 사람은 동시에 여러가지 일을 할 수 없다. 일을 안하려는 것이 아니라 중요한 것에 더 집중하려는 아랫사람의 마음도 조금은 이해해 줬으면 좋겠다.

다 중요한지 몰라서 물어보는 거라고는 생각 하지는 않겠지????

저작자표시

Posted by 자수씨

, |

검색 시 target 폴더 제외 시키기

Eclipse / 2014. 4. 16. 13:14

검색 시에 target 폴더를 제외시키려면 아래와 같이 해당 폴더 속성의 "Attributes" 를 "Derived" 로 설정합니다.

위 설정을 하면 "Open Resource" 에도 적용됩니다.

저작자표시

Posted by 자수씨

, |

width, height >> 100% 에서 마이너스 값으로 설정하기

WEB/CSS / 2014. 4. 10. 19:47

화면을 구성하다보니 width 나 height 를 100%에서 몇 픽셀을 뺀 값으로 설정해야 하는데, 자바스크립트에서 설정하는 것도 좀 부담스럽고 해서 검색을 해봤더니 역시나 있었다!!!

CSS3 에서는 calc 라는 함수가 지원되는데 사용법은 아래와 같다.

/* Firefox */

height: -moz-calc(100% - 18px);

/* WebKit */

height: -webkit-calc(100% - 18px);

/* Opera */

height: -o-calc(100% - 18px);

/* Standard */

height: calc(100% - 18px);

IE 하고 Chrome 에서는 표준 함수가 먹는데, ~~다른 브라우저는 아직 확인 못해봄...~~ (파폭은 calc 함수가 먹는다.)

참고자료: http://stackoverflow.com/questions/2434602/css-setting-width-height-as-percentage-minus-pixels

저작자표시

Posted by 자수씨

, |

부사수 육성계획

주절주절 / 2014. 4. 8. 01:00

블로그를 통해 개인의 자료 저장소 만들 수 있도록 하는 중...

오니님의짱깬뽀 (http://elena90.tistory.com/, http://durl.me/6rni8g)

빠른 성장 기원합니다.

저작자표시

Posted by 자수씨

, |

No 'Access-Control-Allow-Origin' header is present on the requested resource.

WEB / 2014. 4. 4. 11:36

XMLHttpRequest 를 이용하여 다른 도메인의 서비스를 호출하면 아래와 같은 오류를 직면하게 된다.

XMLHttpRequest cannot load http://example.com/login. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

web.xml 에 아래와 같이 필터를 추가하면 개발단계에서는 오류 해결은 가능. 운영 시에는 옵션 조정이 필요할 듯 하다.

<filter>
	<filter-name>CorsFilter</filter-name>
	<filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
	<init-param>
		<param-name>cors.allowed.origins</param-name>
		<param-value>*</param-value>
	</init-param>
	<init-param>
		<param-name>cors.allowed.methods</param-name>
		<param-value>GET,POST,HEAD,OPTIONS,PUT</param-value>
	</init-param>
	<init-param>
		<param-name>cors.allowed.headers</param-name>
		<param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value>
	</init-param>
	<init-param>
		<param-name>cors.exposed.headers</param-name>
		<param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value>
	</init-param>
	<init-param>
		<param-name>cors.support.credentials</param-name>
		<param-value>true</param-value>
	</init-param>
	<init-param>
		<param-name>cors.preflight.maxage</param-name>
		<param-value>10</param-value>
	</init-param>
</filter>
<filter-mapping>
	<filter-name>CorsFilter</filter-name>
	<url-pattern>/*</url-pattern>
</filter-mapping>

출처: http://tomcat.apache.org/tomcat-7.0-doc/config/filter.html#CORS_Filter

저작자표시

Posted by 자수씨

, |

«이전 1 다음»

불친절한자수씨

카테고리

달력

공지사항

최근에 올라온 글

최근에 달린 댓글

'2014/04'에 해당되는 글 10건

Web Scripts 에서 Cookie 에 접근하기

Web Scripts 에서 모바일 기기 체크하기

Web Scripts 에서 Request Header 조회하기

브라우저 별 개발자 도구...

정규식으로 String ltrim, rtrim ...

윗사람이 되면 절대하지 말아야 하는 행동 중 하나

검색 시 target 폴더 제외 시키기

width, height >> 100% 에서 마이너스 값으로 설정하기

부사수 육성계획

No 'Access-Control-Allow-Origin' header is present on the requested resource.

글 보관함

최근에 받은 트랙백

링크

티스토리툴바