월드버텍 블로그

Archive for the ‘Knowhow’ Category

CSS3를 마우스로 쉽게 제작할 수 있는 웹툴

Posted by jwjeong under Publishing

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

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

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

http://www.dhteumeuleu.com/

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

ADD COMMENTS

DIV 안에 스크롤 만들기

Posted by jwjeong under Publishing

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

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

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

ADD COMMENTS

MSSQL에서 오라클로 링크드서버 구성

Posted by madflame under Database

–오라클 tnsnames.ora
TESTORCL=
(DESCRIPTION =
    (ADDRESS_LIST =
      (ADDRESS = (PROTOCOL = TCP)(HOST = ***.***.***.**)(PORT = 1521))
    )
    (CONNECT_DATA =
      (SERVICE_NAME = test)
    )
)

–링크드서버구성
exec sp_addlinkedserver
@server = ‘TESTORCL’
, @srvproduct = ‘Oracle’
, @provider = ‘MSDAORA’
, @datasrc = ‘TESTORCL’

exec sp_addlinkedsrvlogin
‘TESTORCL’
, ‘false’
, NULL
, ‘오라클 아이디’
, ‘오라클 패스워드’

–링크드서버 Drop
EXEC sp_droplinkedsrvlogin ‘TESTORCL’, NULL
go
EXEC sp_dropserver ‘TESTORCL’

–생성된 링크드서버 조회
select * from sysservers

select * from sysxlogins

–링크드서버 sql실행
select * from openquery(TESTORCL, ‘select * from 테이블’)

ADD COMMENTS

오라클 tnsname.ora 설정없이 DB LINK 연결하기

Posted by madflame under Database

–생성
create public database link vtexlink connect to id identified by password
using ‘(DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST = 127.0.0.1)(PORT = 1521)) (CONNECT_DATA = (SERVER = DEDICATED) (SERVICE_NAME = test)))’;

–조회
select * from tab@vtexlink;

ADD COMMENTS

모바일상의 플래시 대체이미지 적용

Posted by admin under Publishing

모바일웹에서 PC버전으로 전환시 플래시가 사용되고 있는 부분을 대체 이미지로 적용시킬때

위의 오브젝트 방식으로 해주면 됩니다.

오렌지 컬러도 되어있는 부분만 수정해주심 됩니다.

ADD COMMENTS

IE6 레이아웃 정렬 에러

Posted by admin under Publishing

[정상적인 화면]

[에러화면 01 :div간 margin:0 padding:0 상태에서 ie6에서만 div 간격생김 ]

[에러화면 02 :div안 <dt> float 정렬 적용상태에서 <dt> 정렬 ie6 에러]

[해결방법]

전체를 감싸는 div 안에 최하단 비어있는 div를 넣어주어 정렬 및 간격을 받쳐준다.

반드시 class를 적용하여 float을 지정해 준다

   <div class=”footer”>
     <dl>
        <dt><img src=”../../../html/images/ch/intro/footer.gif” alt=”서울 종로구 공평동 1번지 한미빌딩 11층” border=”0″ /></dt>
        </dl>
   </div>

   <div  class=”w”>    [빈 div, class 적용]
     <dl>
        <dt> </dt>
        </dl>
   </div>

</div>

ADD COMMENTS

Desktop에서 Mobile Web 테스트 하는 방법 – Safari

Posted by jwjeong under Publishing

1. Apple에서 제공하는 Safari 브라우저를 설치 합니다. -> http://www.apple.com/kr/safari/

2. 편집 -> 기본설정(Ctrl+) -> 고급탭 에서 “메뉴 막대에서 개발자용 메뉴 보기” 체크 박스에 체크하고 닫습니다.

3. 다시 사파리 브라우저에서 상단 메뉴바에 “개발자용”이라는 메뉴가 추가 된 것을 확인 할 수 있습니다.

4. 개발자용 > 사용자 에이전트에 들어가시면 데스크탑용 브라우저에서 모바일 브라우저까지 테스트 할 수 있도록 지원합니다.

ADD COMMENTS

html5 오픈 콘퍼런스 자료 (2010/7/2)

Posted by jwjeong under Publishing

2010년 7월 2일에 있었던
html5 오픈 콘퍼런스 자료 입니다.

아래 사이트 링크로 들어가시면 강연과 관련된 동영상 및 자료를 보실 수 있습니다.

http://www.webappscon.com/html5/

ADD COMMENTS

[css] 테이블 깔끔하게 사용하는 스타일

Posted by jwjeong under Publishing

table 태그를 사용하면 기본적으로 셀패딩과 셀 스페이싱, 보더 값 때문에 늘 습관처럼 아래와 같이 주루룩 태그를 넣고 시작을 합니다.
<table border=”0″ cellspacing=”0″ cellpadding=”0″>

늘 같은 내용을 반복해서 적어야 하는 번거로움을 덜기 원한다면 style에서 아래와 같이 설정을 해 줍니다.

———————————————–
<sytle>
Table {border-collapse: collapse;}
td {border: 0px solid; padding:0 0 0 0;}
</style>
———————————————–
css 파일에 저렇게 적어 주시면 테이블 선언시 아무것도 적어주지 않아도 된답니다.
<table>