728x90

배경만 완전투명 : <input type=text style="background-color:transparent">

살짝투명 : <input type=text style="filter:alpha(opacity=50)">

(설명:opacity가 투명도에요 0은 안보이고 100은 안 투명한거에요.

0~100사이 원하는 투명도로 수치 넣으면 됩니다. )

배경그림 : <input type="text" style="background-image:url(clock.png)">

(설명:clock.png라고 쓰여진 부분에 원하는 배경그림 파일명 또는 파일위치를 포함한 파일명을 넣으면 됩니다.)


출처: http://www.adma.kr/pc/cms/cms.php?mid=css&pid=4

Posted by 앗뜨거
,
728x90
html5를 사용하고 싶은데 구버전 IE 때문에 고민인가요?
아래 javascript 라이브러리를 사용하면 고민이 해결됩니다.
IE8 이하 에서 HTML5, CSS3 사용하는 방법입니다.
 

<html5shiv>
홈페이지:
 http://code.google.com/p/html5shiv/
- HTML5 요소를 지원하지 않는 브라우저(IE8 이하)에서 해당 요소를 지원할 수 있게 해주는 라이브러리.
- 구버전 IE가 <header>, <nav>, <article> 등 HTML5 태그를 알아듣도록 해줌.
- 그누보드5에 기본으로 적용되어 있음
- 소스를 웹페이지의 <head></head> 부분에 넣음
<!--[if lt IE 9]>
<script src="
http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
 
 
<ie7.js, ie8.js, ie9.js>
홈페이지:
 http://code.google.com/p/ie7-js/
- IE6, IE7, IE8이 제대로 알아듣지 못하는 CSS도 사용가능
  예) :hover, :first-child, :last-child, min-height, max-width, position: fixed, margin:0 auto, opacity (투명도) 등
- 아래 소스를 웹페이지의 <head></head> 부분에 넣음
 
IE7 보다 낮은 버전을 위한 라이브러리 (IE7.js)
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
 
IE8 보다 낮은 버전을 위한 라이브러리 (IE8.js)
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->
 
IE9 보다 낮은 버전을 위한 라이브러리 (IE9.js)
<!--[if lt IE 9]>
<script src="
http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
※ IE9.js을 사용하는 경우 IE7/IE8.js를 포함할 필요가 없음.
 
 
아래 처럼 IE7_PNG_SUFFIX=".png";를 넣으면 IE6에서 투명한 PNG 이미지도 사용가능
 
 
<respond.min.js>
- IE 8이하 브라우저에 미디어쿼리 인식
<![endif]-->
 
<css3pie>
홈페이지: http://css3pie.com/ 
- CSS3 요소를 지원하지 않는 브라우저에서 CSS3 요소를 사용할 수 있게 해주는 라이브러리
- 구버전 IE에서도 둥근 외곽선, 그림자, 그라데이션 등의 CSS3 효과를 사용할 수 있도록 해줌.
- 자세한 사용법은 홈페이지 참고.
 
<ie-css3>
ie8 이하에서 css3를 지원하게 해주는 라이브러리


출처 : http://www.yjn.kr/bbs/board.php?bo_table=prog_html&wr_id=771


Posted by 앗뜨거
,
728x90



   

패럴랙스 관심있어서 찾아보니 쉬운예제 소개해드립니다.

이미지만 바꾸면 심플한 효과를 볼수있습니다.

   

원본링크 : https://ihatetomatoes.net/simple-parallax-scrolling-tutorial/




   


   

   



   



   

이부분 에다가 이미지를 넣어도되고 문구변경해도되고 ~~

   

여기서 조금씩 수정해나가면 패럴랙스 이해하는데 도움이 될듯싶습니다

물론 코드 설명도 잘되어있고요 ~

 

------------------------------------------------------------------------ 

 

그 외 parallax library들 ~



   


   

이런스타일도좋은데

http://www.webdingo.net/zoo/


   



   

요론스타일의 디자인도 이쁘네요

   

http://www.apple.com/imac-with-retina/

   



   


   

애플도 패럴랙스!

이쁜듯!

[출처] Parallax sample 코드 |작성자 세줄


Posted by 앗뜨거
,
728x90

float: left나 float: right된 element는 중앙 정렬이 되지 않습니다. 물론 

width를 줘서 margin를 이용하면 됩니다. 하지만 매번 width를 수정하는건 레알 귀찮습니다. 

간다하게 float: right/left, position: relative 그리고 left: +-50%를 이용해서 해결 할 수 있습니다. 욕덩이 6 에서도 잘 돌아가는걸 확인했습니다. 


예) 

#test { 

    float: right; 

    position: relative; 

    left: -50%; 


#test li { 

    float: left; 

    position: relative; 

    left: 50%; 

    

    border: 1px solid red; 


<ul id="test"> 

    <li>아이유</li> 

    <li>효느님</li> 

    <li>수지</li> 

    <li>리지</li> 

    <li>돼지</li> 

</ul> 



구경하러가기: http://jsfiddle.net/E2aVK/ 

Posted by 앗뜨거
,
728x90


1
2
3
4
5
6
7
8
<form>
 <fieldset>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
 </fieldset>
</form>



실험사이트


결과



Posted by 앗뜨거
,
728x90


1. 링크 안 title 태그

<a href="http://www.dotnetkorea.com/" title="닷넷코리아">http://www.dotnetkorea.com </a>

를 쓰면 title 속성 때문에 마우스를 올리면 타이틀 내용이 뜬다

http://www.dotnetkorea.com


Posted by 앗뜨거
,
728x90
HTML, ASP, JSP, PHP 등 각 언어별 No_Cache 설정 방법에 대해 알아보겠습니다.

저의 경우는 JSP에서 Cache 소멸하는 방법을 써야 할 일이 생겨서 알아보게 되었고 이렇게 적어두면 JSP 코딩할때 가끔씩 유용하게 쓰입니다. 

캐쉬된 페이지때문에 가끔 웹브라우저 재시동하거나, 웹서버를 재 시동하는 경우가 있으셨을텐데... 그럴 경우에 쓰시면 항상 최신의 페이지를 캐쉬없이 보여줍니다. 

그리고, 어떠한 데이터가 넘어가는 경우에만 '만료된 페이지입니다' 라는 메시지를 보여주게 됩니다. 


HTML 
<META http-equiv="Expires" content="-1"> 
<META http-equiv="Pragma" content="no-cache"> 
<META http-equiv="Cache-Control" content="No-Cache"> 

ASP   
<%   
Response.Expires = 0   
Response.AddHeader "Pragma","no-cache"   
Response.AddHeader "Cache-Control","no-cache,must-revalidate"   
%>   

JSP   
<%   
response.setHeader("Cache-Control","no-store");   
response.setHeader("Pragma","no-cache");   
response.setDateHeader("Expires",0);   
if (request.getProtocol().equals("HTTP/1.1")) 
        response.setHeader("Cache-Control", "no-cache"); 
%>   

PHP   
<?   
header("Pragma: no-cache");   
header("Cache-Control: no-cache,must-revalidate");   
?>


Spring Framwork 사용시 bean 설정

<mvc:interceptors>

<bean class="org.springframework.web.servlet.mvc.WebContentInterceptor">

<property name="cacheSeconds" value="0"/>

<property name="useExpiresHeader" value="true"/>

<property name="useCacheControlHeader" value="true"/>

<property name="useCacheControlNoStore" value="true"/>

</bean>

</mvc:interceptors>



Struts Framework 사용시에는 아래와 같은 설정을 꼭 해주셔야 
위의 내용이 적용이 됩니다.

processNoCache()는 struts-config.xml 설정파일의 <controller>설정에서 nocache attribute가 true로 설정되어 있을 경우 호출된다. 만약 true 라면 response 객체의 header 에 Pragma, Cache-Control, Expires 가 추가되게 된다. 많은 개발자들이 Cache 때문에 고생한적이 있을 것이다. 따라서 Cache 를 없애기 위하여 모든 페이지 앞부분에 다음을 추가한 경험이 있을 것으로 생각된다.
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "No-cache");
response.setHeader("Expires", "1");

Struts Framework에서는 struts-config.xml 설정파일에 단지 true로 설정해주면 Cache가 적용되지 않는다.  

<controller nocache="true" />
라는 설정을 struts-config.xml에 추가해 주면 됩니다.  


Posted by 앗뜨거
,
728x90

<%@ page contentType="text/html; charset=euc-kr"%>
<%@ page import="java.text.*"%> // 빼먹으면 안된다!

 

<%
 DecimalFormat format = new DecimalFormat("0.00");
 double a = 3.14159265358979;
 double b = 1234.5678;
 String c = "9876.543";
%>

 

a : <%= format.format(a)%><br> // a는 3.14 출력
b : <%= format.format(b)%><br> //b는 1234.57 출력
c : <%= format.format(Double.parseDouble(c))%> // c는 9876.54 출력



출처: http://blog.naver.com/PostView.nhn?blogId=roggue2&logNo=40121426677

Posted by 앗뜨거
,
728x90


우선 톰켓 5.5* 이상 부터는 Connection Pool 설정시에 server.xml 과 web.xml 에 

별도로 내용을 설정할 필요없이 context.xml 설정만 하면 된다 . 

 

 

그래서 tomcat 6.0 에서는

 

conf 디렉토리의 context.xml에 파일에 설정하면된다.

server.xml에 설정하지 마라 안된다.

 

참고사이트  : http://webprogrammer.tistory.com/1288

http://disse77.tistory.com/65

 

<Context>

    <!-- Default set of monitored resources -->
    <WatchedResource>WEB-INF/web.xml</WatchedResource>
 
    <!-- Uncomment this to disable session persistence across Tomcat restarts -->
    <!--
    <Manager pathname="" />
    -->

    <!-- Uncomment this to enable Comet connection tacking (provides events
         on session expiration as well as webapp lifecycle) -->
    <!--
    <Valve className="org.apache.catalina.valves.CometConnectionManagerValve" />
    -->
  <Resource name="jdbc/SpringDS"
  auth="Container"
  type="javax.sql.DataSource"
  driverClassName="com.mysql.jdbc.Driver"
  url="jdbc:mysql://localhost/디비명"
  username="아이디"
  password="사용자암호"
  maxActive="20"
  maxIdle="10"
  maxWait="3000"/>

</Context>

 

 

===>그리고 web.xml에 

<resource-ref>        
    <description>MySQL DB Connection</description>        
    <res-ref-name>jdbc/SpringDS</res-ref-name>        
    <res-type>javax.sql.DataSource</res-type>         
    <res-auth>Container</res-auth>    
</resource-ref>

 

와 같이 선언안해줘도 사용할수 있다.

 

 

 

===>스프링에서 사용하려면 아래와 같이 dataSource.xml에 선언해주면된다.

 

 <bean id="dataSource" class="org.springframework.jndi.JndiObjectFactoryBean" scope="singleton">
     <property name="jndiName" value="java:comp/env/jdbc/SpringDS" />  
     <property name="resourceRef" value="true" /> 
 </bean>    


1. 첨부된 파일은 받는다. (Link)

dbcp.zip

 


2. 다음 순서대로 받은 파일들을 해당 폴더에 넣는다.

commons-collections-3.1.jar
commons-dbcp-1.2.1.jar
commons-pool-1.2.jar

이 파일들을 자신이 이클립스에서 만들어둔 프로젝트/WebContent/WEB-INF/lib 폴더에 복사한다..

mysql-connector-java-3.0.14-production-bin.jar

그리고 위의 JDBC 라이브러리는 설치된 톰캣의 lib 폴더 안에 복사한다.

 

3. 프로젝트/WebContent/META-INF 폴더에 context.xml 파일을 생성한다. 

 

4. 프로젝트/WebContent/WEB-INF 폴더에 web.xml 파일의 web-app 태그 안에 코드를 추가한다.

 

5. DBCPTest.jsp 실행하기

 

6. 결과 화면



혹시 잘 안보이면 

pool.zip

그림캡쳐파일입니다.


출처 : http://youngman.kr/?p=1025





Posted by 앗뜨거
,
728x90


ConnectionFactory.java


ConnectionPool.java


PoolingTest.jsp



ConnectionFactory.java 파일은 url, user, pass 값만 수정.


ConnectionPool.java 파일은 수정할것 없이 그냥 java 리소스 폴더에 넣고 


PoolingTest.jsp 파일은 폴더 위치에 맞게 수정하고 입맛에맞게 수정하면 바로 Pooling 기법을 사용할수 있다


자북 http://www.jabook.co.kr/ 의 jsp 강좌중 JSP9 데이터베이스와 파일업로드 섹션 5.데이터베이스 실전 프로그래밍 동명상을 보면 자세히 나와있다.

Posted by 앗뜨거
,