'분류 전체보기'에 해당되는 글 213건
- 2012.04.28 밀리언
- 2012.04.22 밀리언아서
- 2012.01.25 담터 쌍화차 별로 맛없네..
- 2012.01.19 포틀릿관련 이슈
- 2011.12.21 ie에서 엘리먼트 이벤트를 잡아서 로그 찍고 싶을때.
- 2011.12.21 innerHTML vs dom method 에 대해서 찾아봤다.
- 2011.12.12 동적인 탑화면
- 2011.12.12 [펌]Oracle EXISTS Versus IN
- 2011.12.09 다음달을 구하는 자바스크립트
- 2011.12.06 인터페이스의 필드는 static final이다.
sabjili2
의 코드
475c2
6
javascript10
5743b
extjs1001
574be
tomcat1003
62e62
쌍화차랑 한차를 팔았는데
15포있는데 쌍화차가 천원정도 더 싸서 사먹어봤는데
별로다.
난 단맛이 좋은데 좀 단맛이 없고 쓰기만ㅎ ㅏ다는 느낌?
한차의 중후한 맛이 없네
한차에도 쌍화차 몇퍼라고 써있어서
둘이 비슷하겠거니 했는데 아마 다를것이라 생각된다.
나중에 한차도 사서 비교해봐야겠지만..
15포있는데 쌍화차가 천원정도 더 싸서 사먹어봤는데
별로다.
난 단맛이 좋은데 좀 단맛이 없고 쓰기만ㅎ ㅏ다는 느낌?
한차의 중후한 맛이 없네
한차에도 쌍화차 몇퍼라고 써있어서
둘이 비슷하겠거니 했는데 아마 다를것이라 생각된다.
나중에 한차도 사서 비교해봐야겠지만..
참조 : http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/portal/portal.html
기존에 어떤 이슈가 있었냐면 컨텐츠 부분에 iframe가 있을때
드래그 앤 드롭을 할 경우 마우스가 iframe영역으로 가면서
이벤트를 놓치게 되는 문제가 있었다..
난 iframe자체에 이벤트를 부여하거나 하는 방법등을 생각했었는데
extjs에서는 전혀 다른방법으로 해결되어 있더라
바로 드래그앤 드롭을 할때 컨텐츠부분을 안보이게 한것..
이방법을 몰랐다니 -_-
기존에 어떤 이슈가 있었냐면 컨텐츠 부분에 iframe가 있을때
드래그 앤 드롭을 할 경우 마우스가 iframe영역으로 가면서
이벤트를 놓치게 되는 문제가 있었다..
난 iframe자체에 이벤트를 부여하거나 하는 방법등을 생각했었는데
extjs에서는 전혀 다른방법으로 해결되어 있더라
바로 드래그앤 드롭을 할때 컨텐츠부분을 안보이게 한것..
이방법을 몰랐다니 -_-
var his = new Array();
Element.prototype.attachEvent = function(a,b){
his.push(this.tagName+ ":"+a+":"+b);
}
function test(){
for(var i = 0; i < his2.length; i ++){
alert(his[i]);
}
}
대충 이런느낌? 대신 attachEvent한건 싹다날라간다
ie기준으로 작성..나중에 실무에서 디버깅할때 써먹어봐야지
Element.prototype.attachEvent = function(a,b){
his.push(this.tagName+ ":"+a+":"+b);
}
function test(){
for(var i = 0; i < his2.length; i ++){
alert(his[i]);
}
}
대충 이런느낌? 대신 attachEvent한건 싹다날라간다
ie기준으로 작성..나중에 실무에서 디버깅할때 써먹어봐야지
'개인적인 프로그램 > 자바스크립트' 카테고리의 다른 글
instanceof를 사용하려고 찾아봤다. (0) | 2012.11.21 |
---|---|
jquery dialog(다이얼로그) 링크 (0) | 2012.11.20 |
innerHTML vs dom method 에 대해서 찾아봤다. (0) | 2011.12.21 |
동적인 탑화면 (0) | 2011.12.12 |
javascript 오류와 캐릭터셋 (0) | 2011.10.26 |
참조 : http://www.quirksmode.org/dom/innerhtml.html
http://www.slideshare.net/joone/ss-9766705
http://firejune.com/1174
내용을 정리해보면
일부브라우저에서는 innerHTML 이 더 괜찮은 속도를 낼수 있다. 예를들어 ie6,7의 경우에는
dom mehtod를 통한 컨트롤은 아주 느리다.
그렇지만 http://firejune.com/1174 의 결과에 따르면 엘리먼트 숫자가 늘어날수록 dom method를 통한 컨트롤이 더 나은 형향을 미치는것을 알수 있다.
특히 괄목할만 한 점은 노드를 innerHTML로 없애버리는것은 확실히 느리다는것을 알수 있다.
http://www.slideshare.net/joone/ss-9766705
http://firejune.com/1174
내용을 정리해보면
일부브라우저에서는 innerHTML 이 더 괜찮은 속도를 낼수 있다. 예를들어 ie6,7의 경우에는
dom mehtod를 통한 컨트롤은 아주 느리다.
그렇지만 http://firejune.com/1174 의 결과에 따르면 엘리먼트 숫자가 늘어날수록 dom method를 통한 컨트롤이 더 나은 형향을 미치는것을 알수 있다.
특히 괄목할만 한 점은 노드를 innerHTML로 없애버리는것은 확실히 느리다는것을 알수 있다.
'개인적인 프로그램 > 자바스크립트' 카테고리의 다른 글
jquery dialog(다이얼로그) 링크 (0) | 2012.11.20 |
---|---|
ie에서 엘리먼트 이벤트를 잡아서 로그 찍고 싶을때. (0) | 2011.12.21 |
동적인 탑화면 (0) | 2011.12.12 |
javascript 오류와 캐릭터셋 (0) | 2011.10.26 |
폼 리사이징 (0) | 2011.10.26 |
출처 : http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/
핵심은
$(window).scroll(
function ()
{
if($(window).scrollTop() > $("#content").position().top + 20){
$("#tableOfContents").css("position", "fixed");
var marginTop = 20;// - $("#content").height();
/*$("#tableOfContents").css("margin-top", marginTop + "px");*/
$("#tableOfContents").css("top", "0");
}else{
$("#tableOfContents").css("position", "static");
$("#tableOfContents").css("margin-top", "20px");
}
}
);
이부분
핵심은
$(window).scroll(
function ()
{
if($(window).scrollTop() > $("#content").position().top + 20){
$("#tableOfContents").css("position", "fixed");
var marginTop = 20;// - $("#content").height();
/*$("#tableOfContents").css("margin-top", marginTop + "px");*/
$("#tableOfContents").css("top", "0");
}else{
$("#tableOfContents").css("position", "static");
$("#tableOfContents").css("margin-top", "20px");
}
}
);
이부분
'개인적인 프로그램 > 자바스크립트' 카테고리의 다른 글
ie에서 엘리먼트 이벤트를 잡아서 로그 찍고 싶을때. (0) | 2011.12.21 |
---|---|
innerHTML vs dom method 에 대해서 찾아봤다. (0) | 2011.12.21 |
javascript 오류와 캐릭터셋 (0) | 2011.10.26 |
폼 리사이징 (0) | 2011.10.26 |
ajax 와 xml 그리고 ie, ff (0) | 2011.10.26 |
일반적으로 IN operation은 특정 table(view) data의 row 값에 따른 다른 table의 데이터를 추출해내고자
할 때 자주 사용되는데, 가끔 IN operation을 row가 있는지 check하는 용도로 사용하기도 한다. 그러나 row가
존재하는지에 대해서는 EXISTS라는 근사한 operation을 따로 제공하고 있다.
주의해야 할 점은 EXISTS와 IN은 다른 점이 존재하므로 이에 대해 유의해야 한다. EXISTS는 단지 해당 row가 존재하는지만 check하고 더이상 수행되지 않으나 IN은 실제 존재하는 데이터들의 모든 값까지 확인한다. 따라서 일반적으로 EXISTS operation이 더 좋은 성능을 보이므로 가능하면 EXISTS를 사용하는 것이 바람직해 보인다.
또한가지 EXISTS와 IN 사용시 주의해야 할 점은 join 되는 column에 NULL을 갖는 row가 존재한다면, NOT EXISTS는 true값을, NOT IN은 false 가 return 된다. 즉, NOT IN을 사용하면 조건에 맞는 데이터가 있다고 하더라도 NULL이 존재하면 "no rows selected"라고 나오게 된다. 따라서 NVL을 이용한 NULL 처리가 꼭 필요하다.
다음은 NOT EXISTS operation을 이용한 방법이다.
예제의 products table의 product_type_id column 데이터 중 일부가 NULL로 입력되어 있다.
다음은 동일한 데이터에 대해 NOT IN을 사용했을 경우다. NULL data에 의해 조건 자체가 false가 되어 "no rows selected"라는 결과가 발생한다.
다음은 NVL()을 이용해 NULL값을 처리한 후의 결과이다.
NOT IN operation의 경우 위와 같은 사실을 미리 인지하고 있지 않다면 나중에 이러한 경우를 찾기는 매우 어려울 수 있다. 따라서 NULL에 대한 operation이나 table의 default column 값등의 지정 등의 세심한 주의가 필요하다.
주의해야 할 점은 EXISTS와 IN은 다른 점이 존재하므로 이에 대해 유의해야 한다. EXISTS는 단지 해당 row가 존재하는지만 check하고 더이상 수행되지 않으나 IN은 실제 존재하는 데이터들의 모든 값까지 확인한다. 따라서 일반적으로 EXISTS operation이 더 좋은 성능을 보이므로 가능하면 EXISTS를 사용하는 것이 바람직해 보인다.
또한가지 EXISTS와 IN 사용시 주의해야 할 점은 join 되는 column에 NULL을 갖는 row가 존재한다면, NOT EXISTS는 true값을, NOT IN은 false 가 return 된다. 즉, NOT IN을 사용하면 조건에 맞는 데이터가 있다고 하더라도 NULL이 존재하면 "no rows selected"라고 나오게 된다. 따라서 NVL을 이용한 NULL 처리가 꼭 필요하다.
다음은 NOT EXISTS operation을 이용한 방법이다.
예제의 products table의 product_type_id column 데이터 중 일부가 NULL로 입력되어 있다.
SELECT product_type_id, name
FROM product_types outer
WHERE NOT EXISTS
(SELECT 1
FROM products inner
WHERE inner.product_type_id = outer.product_type_id);
PRODUCT_TYPE_ID NAME
--------------- ----------
5 Magazine
FROM product_types outer
WHERE NOT EXISTS
(SELECT 1
FROM products inner
WHERE inner.product_type_id = outer.product_type_id);
PRODUCT_TYPE_ID NAME
--------------- ----------
5 Magazine
다음은 동일한 데이터에 대해 NOT IN을 사용했을 경우다. NULL data에 의해 조건 자체가 false가 되어 "no rows selected"라는 결과가 발생한다.
SELECT product_type_id, name
FROM product_types
WHERE product_type_id NOT IN
(SELECT product_type_id
FROM products);
no rows selected
FROM product_types
WHERE product_type_id NOT IN
(SELECT product_type_id
FROM products);
no rows selected
다음은 NVL()을 이용해 NULL값을 처리한 후의 결과이다.
SELECT product_type_id, name
FROM product_types
WHERE product_type_id NOT IN
(SELECT NVL(product_type_id, 0)
FROM products);
PRODUCT_TYPE_ID NAME
--------------- ----------
5 Magazine
FROM product_types
WHERE product_type_id NOT IN
(SELECT NVL(product_type_id, 0)
FROM products);
PRODUCT_TYPE_ID NAME
--------------- ----------
5 Magazine
NOT IN operation의 경우 위와 같은 사실을 미리 인지하고 있지 않다면 나중에 이러한 경우를 찾기는 매우 어려울 수 있다. 따라서 NULL에 대한 operation이나 table의 default column 값등의 지정 등의 세심한 주의가 필요하다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script>
function test(){
var today = new Date();
//today.setMonth(today.getMonth()+1);
// 1월 31일을 세팅
today.setMonth(0);
today.setDate(31);
alert(today.getFullYear()+":"+today.getDate());
alert(today.getMonth()+1);
var month = today.getMonth();
today.setMonth(today.getMonth()+1);
alert(today.getFullYear()+":"+today.getDate());
alert(today.getMonth()+1);
if(month+1 < today.getMonth()){
today.setDate(0);
}
// 실제표현되는 다음달
alert(today.getFullYear()+":"+today.getDate());
alert(today.getMonth()+1);
}
</script>
</head>
<body>
<a href="#" onclick="test();">test</a>
</body>
</html>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script>
function test(){
var today = new Date();
//today.setMonth(today.getMonth()+1);
// 1월 31일을 세팅
today.setMonth(0);
today.setDate(31);
alert(today.getFullYear()+":"+today.getDate());
alert(today.getMonth()+1);
var month = today.getMonth();
today.setMonth(today.getMonth()+1);
alert(today.getFullYear()+":"+today.getDate());
alert(today.getMonth()+1);
if(month+1 < today.getMonth()){
today.setDate(0);
}
// 실제표현되는 다음달
alert(today.getFullYear()+":"+today.getDate());
alert(today.getMonth()+1);
}
</script>
</head>
<body>
<a href="#" onclick="test();">test</a>
</body>
</html>
출처 : http://toriworks.tistory.com/48
'프로그램 > JAVA' 카테고리의 다른 글
[펌글][Ibatis/Mybatis]parameterType 사용시 주의점 (0) | 2014.03.26 |
---|---|
싱글톤 패턴에서 DCL을 쓰면 안돼는 이유 (0) | 2011.12.06 |