월드버텍 블로그

내일을 향한 준비~~

css3 여러가지 스타일을 마우스나 수치로 쉽게 생성할 수 있습니다.

http://westciv.com/tools/3Dtransforms/index.html
http://css3maker.com/ 

애니메이션을 스크립트로 만든 예제 사이트 입니다.
예제화면과 소스도 함께 공개되어 있습니다.
플래시를 위기에 몰릴만 하네요~

http://www.dhteumeuleu.com/

사파리에서 작동이 제대로 되네요~

/**********************************************************************************************
배열 저장 및 불러오기 스크립트 예제
작성자   : 이계은 차장(4Silver@paran.com)
작성일자 : 2011.03.11
주의 사항:
**********************************************************************************************/
USE tempdb  –> 권한 있는 DB로 설정
GO

IF  EXISTS (SELECT * FROM SYS.OBJECTS WHERE NAME = ‘ARRAY_TEST’)
DROP TABLE ARRAY_TEST
GO
CREATE TABLE ARRAY_TEST
(
ARRAY_INF XML
)
GO

IF  EXISTS (SELECT * FROM SYS.OBJECTS WHERE NAME = ‘USP_ARRAY_TEST_INSERT’)
DROP PROC USP_ARRAY_TEST_INSERT
GO
CREATE PROC  USP_ARRAY_TEST_INSERT
AS
BEGIN

DECLARE @ARRAY_TBL TABLE
(
COL1 VARCHAR(100)
,COL2 VARCHAR(100)
,COL3 VARCHAR(100)
,COL4 VARCHAR(100)
,COL5 VARCHAR(100)
,COL6 VARCHAR(100)
,COL7 VARCHAR(100)
,COL8 VARCHAR(100)
)

–데이터 삭제
DELETE ARRAY_TEST

–샘플 데이터 입력 (5 X 8)
INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(1,2,3,4,5,6,7,8)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(2,4,6,8,10,12,14,16)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(3,6,9,12,15,18,21,24)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(4,8,12,16,20,24,28,32)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(5,10,15,20,25,30,35,40)
  

–테이블-> XML 변환  
DECLARE @RETXML XML 
 
SET @RETXML=
(SELECT   *
FROM  @ARRAY_TBL  AS   ARRAY_TBL
FOR XML AUTO,ROOT(‘root’))
  
–XML 데이터 입력  
INSERT ARRAY_TEST VALUES (@RETXML)
  
END
GO
–XML 생성 프로시져 실행
EXEC USP_ARRAY_TEST_INSERT

GO
SELECT * FROM ARRAY_TEST
GO

–데이터 가져오기 XML-> 테이블
IF  EXISTS (SELECT * FROM SYS.OBJECTS WHERE NAME = ‘USP_ARRAY_TEST_SELECT’)
DROP PROC USP_ARRAY_TEST_SELECT
GO
CREATE PROC  USP_ARRAY_TEST_SELECT
AS
BEGIN
DECLARE @idoc int
DECLARE @doc xml

SELECT @doc= ARRAY_INF
FROM  ARRAY_TEST

EXEC sp_xml_preparedocument @idoc OUTPUT, @doc

SELECT    *
FROM       OPENXML (@idoc, ‘/root/ARRAY_TBL’,1)
            WITH (COL1  VARCHAR(100)
                  ,COL2 VARCHAR(100)
                  ,COL3 VARCHAR(100)
                  ,COL4 VARCHAR(100)
                  ,COL5 VARCHAR(100)
                  ,COL6 VARCHAR(100)
                  ,COL7 VARCHAR(100)
                  ,COL8 VARCHAR(100))

END

jqPlot 그래프가 이쁘장한것이 좋아요. 그런데 IE에서 프린트하면, 좌측으로 쏠리는것과 그래프자체가 안나오는 버그가 있네요.

1. 좌측으로 쏠리는것 수정방법

#!Javascript

//var overlayEl = el.cloneNode(false);
// Use a non transparent background.
//overlayEl.style.backgroundColor = 'red';
//overlayEl.style.filter = 'alpha(opacity=0)';
//canvasElement.appendChild(overlayEl);

참조 : https://bitbucket.org/cleonello/jqplot/issue/268/blank-chart-when-print-ie

2. 인쇄시 검정색으로 나오는것 수정방법

http://blog.muonlab.com/2010/06/02/getting-position-absolute-canvas-elements-to-print-correctly-in-ie/Getting position: absolute canvas elements to print correctly in IE

It seems IE doesn’t print canvas elements which are absolutely positioned in the correct place. What a surprise.

This problem came about when i tried to print some of my jqPlot graphs, as it uses absolutely positioned canvas tags for the data and axes.

There’s probably a much easier solution to this, but i couldn’t find it.

Heres some mega-hax that makes things work:

Update: This requires jQuery 1.4.2+

01.(function($) {
02.    $.fn.CanvasHack = function() {
03.        var canvases = this.find('canvas').filter(function() {
04.            return $(this).css('position') == 'absolute';
05.        });
06.  
07.        canvases.wrap(function() {
08.            var canvas = $(this);
09.            var div = $('<div />').css({
10.                position: 'absolute',
11.                top: canvas.css('top'),
12.                left: canvas.css('left')
13.            });
14.            canvas.css({
15.                top: '0',
16.                left: '0'
17.            });
18.            return div;
19.        });
20.  
21.        return this;
22.    };
23.})(jQuery);

Call it after your graph setup code, like this:

1.$('body').CanvasHack();

버전 관리 시스템에 반드시 등록해두어야 하는 파일이 있고 그렇지 않은 파일 (빌드 후 생성물, 빌드 중간 단계 생성물)이 있는데 이것들을 매번 리포지터리에 속성으로 설정하기가 여간 불편한 것이 아니다. 그래서 개인적인 경험과 현재 사용하고 있는 프로젝트의 설정을 조합하여 프로그램에서 미리 설정할 수 있는 패턴을 조금 적어본다. VC++ 6.0, VS.NET, Delphi (Borland/CodeGear)를 사용하는 사용자에게 “아마도” 적당하지 않을까 싶다.

[업데이트] TortoiseSVN 최신 버전에 추가된 기본 설정을 추가하였습니다.

bin obj TempPE Debug Release __history *.tvsconfig *.log *.db *.identcache *.GID *.bak *.dsk *.local *.dcu *.ncb *.user *.obj *.pdb *.pch *.suo *.opt *.aps *.clw *.plg *.~* *.o *.lo *.la *.al .libs *.so *.so.[0-9]* *.a *.pyc *.pyo *.rej *~ #*# .#* .*.swp .DS_Store

톰켓 사용시 심볼링크된 파일의 다운로드가 안되거나, 보여지지 않을때는 톰켓 설정을 변경해줘야합니다.

tomcat > conf > context.xml

<Context path="" allowLinking="true"> 

김태종

DIV 안에 스크롤 만들기

Posted by jwjeong under Publishing

가로와 높이의 값이 고정된 DIV에 스타일 속성으로 스크롤을 만들 수 있습니다.

1. 가로 스크롤바 : overflow-x:scroll; overflow-y:hidden;

2. 세로 스크롤바 : overflow-y:scroll; overflow-x:hidden;

IP 로 컴퓨터 이름 알아내기
설명 : 컴퓨터가 많은 회사나 학교 공공기간에서 IP 는 알지만 이컴퓨터가 어디에 놓여져 있는지
알 수 없을때나 혹은 IP 는 알지는 컴퓨터 이름은 알지 못할때가 있지요

명령어 : nbtstat -A [IP]

컴퓨터 이름을 일정한 규칙에 입력해놓았다면 IP 만으로 컴퓨터의 이름을 알아내어서 누가 사용자인지
어느정도 추측이 가능합니다

명령어 프롬프트에서 위와같이 “nbtstat -A 아이피” 를 입력해주면 컴퓨터 이름이 아래에 나타납니다

위에 예제는 192.168.10.101 아이피를 이용해서 HAIA-6509F2966E 라는 컴퓨터 이름을 알아낸 장면입니다

[퍼온URL] http://cdmanii.tistory.com/218

W3C에서 모바일화를 위한 10가지 가이드 지침 입니다.

– 하나의 웹을 위한 설계
– 웹 표준 준수
– 유해 요소 제거
– 장비 제한 주의
– 웹 네비게이션 최적화
– 그래픽과 색상 확인
– 가볍고 간결한 사이트
– 네트워크 자원 절약
– 사용자 입력 가이드
– 모바일 유저 배려

더 자세한 내용은  http://www.w3c.or.kr/Translation/mwbp_flip_cards/를 참조해 주세요.

KISA에서 금융정보, 개인정보를 가로채는 온라인 공격에 대한 위협을 해소하기위하여, 이용자가 접속한 웹사이트의 정보보호 수준을 확인해주고 악성코드 감염을 차단해주는 툴바를 제공하네요.

http://webcheck.kisa.or.kr/main/main.kisa
11월 8일부터 11월25일까지 이벤트를 하네요.
모두 참여해보시는것이 어떨까요

월드버텍( http://www.vtex.co.kr )

<발표자 소개>

 강학주 소장(강팀장, @ebizstory)
(현) 이스토리랩(eStory LAB, 소셜미디어 & 웹서비스 전략연구소) 소장
        소셜미디어 마케팅 & 웹서비스 전략 컨설턴트
        방송통신위원회 이용자포럼 소셜미디어 자문위원
        소셜미디어 칼럼니스트(월간 신동아, 월간 The PR, 월간 웹, 한국정보화진흥원 등)

        SNS 콘텐츠 유통 플랫폼 마이픽업(http://mypickup.kr) 개발 및 서비스

     [최근 2년간 강의경력]
    ∙ MBC 인터넷을 가다 라디오/TV 1년 6개월 고정 출연
    ∙ 트위터, 거스를 수 없는 소통의 길-서울시청
    ∙ 트위터 사용자의 마음을 열어라-공군본부 정훈공보실)
    ∙ 문화부 홍보 전문가 뉴미디어 과정-문화체육광관부
    ∙ 사례로 배우는 소셜미디어 도입 기법-서울산업통상진흥원
    ∙ 소셜미디어와 신사업모델 접목-삼성에버랜드
    ∙ 소셜미디어 도입 전략과 가능성-SK와이번즈
    ∙ 소셜미디어 이해와 활용-제주대학교/진주산업대학교/전주대학교 등 다수 대학

 윤상진 님(깜냥, @ggamnyang)

 (현) IT전문 블로그 ‘깜냥이의 웹2.0 이야기!(www.ggamnyang.com)’ 운영
        블로그메타사이트 ‘블로그와이드(www.blogwide.kr)’ 운영
        경영학석사논문 ‘블로그를 활용한 바이럴마케팅이 구전효과에 미치는 영향’ 발표
        ‘태터앤미디어(www.tattermedia.com)’ 파트너로 활동중

        ‘미래 비즈니스 키워드, 소셜 웹 사용설명서'(2010년) 출간

 좌석 제한(100석)이 있습니다. 

사전 입금자 순으로 선착순 마감되오니 신청하시고, 입금을 서둘러 주세요~ 
참가비를 입금하실 때는 신청자명과 동일하게 해주세요.
현장 접수비는 1만5천원입니다. 이점 유념하시길 바랍니다..^^

 * 참고로, 한양대학교 교수학습개발센터에서 세미나 장소를 후원해주셨습니다.
이번 세미나의 후원을 원하시는 기업이나 단체가 있으시면 언제든 연락바랍니다~
기부 후원부터 물품이나 경품, 간식 등 그 어떤 후원이라도 괜찮습니다.

더 자세한 정보는 아래 사이트를 참조 하세요.

http://ggamnyang.com/903

Subscribe to 월드버텍 블로그