본문 바로가기

web

CSS 코드 생성기. css3 소스 생성. 천재가 아니라 외우질 못해서 남겨두자. http://css3pie.com/ 더보기
간단한 스프링 웹 프로젝트 생성 STS에서는 두가지 방법으로 스프링 웹 프로젝트를 생성할 수 있다.첫째는File -> New -> Spring Template Project이다. 대신 관련 라이브러리 및 빌드는 Maven을 이용해야 한다. 두번째는 Dynamic Web Project로 생성해서 관련 라이브러리를 WebContent/WEB-INF/lib에 추가하고 web.xml파일로 부터 설정 파일을 수정해주는것이다. 하지만 두번째로 할때 생성시 web.xml파일이 없을때도 있는데 생성할때 조건 체크를 해주면 생성이 된다. 더보기
Get방식으로 공백넘길때 처리방법 JAVA로 코딩할때(아니 jsp가 맞겠다)나 php, asp등 화면단에서 get방식으로 많이 값을 다른 페이지로 넘긴다. 그럴때 대표적인 방법이 get과 post방식이 있는데 get방식으로 넘길때 최대 2047바이트를 넘어갈수 없다고 한다. url에 공백이 있으면 공백 이후 파라미터들이 짤리게 되는데 그때는 url을 인코딩해서 넘기거나 아니면 정확히 ''로 감싸주어서 넘겨야 한다. 그럼 알아서 인코딩 ㅇㅖ) 가자 c=d 이하는 짤림 가자 수동으로 공백을 인코딩해서 넘겨준것 가자 더보기
SW 개발자, “HTML5가 대세” HTML5가 대세가 될것이라는 말은 수년전부터 이야기 되어 왔다. 개인적으로 HTML5는 JQUERY MOBILE로 모바일 페이지 만들때만 몇가지 태그를 사용했지만 사실 HTML5 태그 자체만 그리 어렵지는 않다. 웹페이지를 HTML5로 만들고 싶어도 브라우저가 전부(특히 IE) 지원 하지 않는게 단점.. 하지만 점점더 브라우저가 버전업되면서 지원 되면 언젠가는 VIDEO태그도 SOUND 태그도 쓰고 웹소켓도 할수 있겠지~ 그러나 나에게는 현재 자바 스프링(spring)프레임웤을 정복하는게 먼저다. http://www.bloter.net/archives/145284 더보기
사이트 긁어오기...(Snoopy.class 와 Client URL Library) 가끔씩 다른 사이트 게시판 내용을 긁어 와야 할때가 있다. PHP에서는 Snoopy.class와 Curl이라는 라이브러리고 긁어 올수 있다. 일단 긁어오기전에 라이브러리를 다운 받아야 한다. 1. Snoopy.class 사용. http://sourceforge.net/projects/snoopy/ 에 가면 다운 받을 수 있다. 그리고 난 후 적당한 폴더에 소스를 넣는다. 그리고 아래와 같이 페이지 하나 만든후 코딩하면 내용을 긁어 올수 있다. (예 : naver) 결과.. 소스에 보면 print로 result값을 찍었다. 이 다음 부터는 원하는 값을 뽑거나 가져오기 위해서는 개발자들이 정규식을 사용을 하던 치환을 하던 다름 값을 넣어 자르던 변형해서 값을 뽑아 와야 한다. 좀 더 자세한 함수명이나 내용은.. 더보기
유용한 div 레이아웃 템플릿 사이트 코드 썩스란 사이트 인데 웹사이트 제작시 잡아야 하는 레이아웃 템플릿을 제공해준다. 무료이고 server-side코딩만 하다가 front-end쪽 하면 HTML이랑 CSS때문에 약간 고생할수 있는데 그때 이걸 다운받아서 레이아웃 잡고 시작하면 좋을듯. http://www.code-에스유씨케이에스.com/css%20layouts/fixed-width-css-layouts/ 좋은 사이트임에는 틀림없는데 주소가 조금 그렇다. 난 전적으로 이해하지만.. 위의 주소 클릭하면 잘못된 에러다..에스유씨케이에스를 영문으로 바꿀것.. 절대 나쁜 사이트 아니다.. 더보기
INPUT style 옵션 # input type='text' style="ime-mode:active;" //글입력시 기본 한글모드 style="ime-mode:inactive;" //글입력시 기본 영문모드 style="ime-mode:disabled;"; //글입력시 무조건 영문모드 (한/영키 변환해도 무조건 영문) syle="font-size:10pt;" //글자크기 syle="color:blue;" //글자색 syle="border-size:1;" //테두리 크기 syle="border-color:black;" //테두리색 syle="background-color:white;" //배경색 syle="border-width:1;" //테두리 두께 syle="border-style:dotted;" //테두리 스타일 ( 옵션항목.. 더보기