본문 바로가기

Web

JQuery 테이블 sort 테이블 관련 jquery 라이브러리 http://www.trirand.com/blog/jqgrid/jqgrid.html 더보기
Font 글씨체 여기에 가면 HTML font face (글씨체)들에 대해서 볼 수 있다. http://trio.co.kr/webrefer/httut/fontface.html 나중에 web 개발할 때 써야 겠다. 예를 들어 코드 관련 서체는 요런거 쓰면 좋겠다. abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 가나다라마바사아자차카타파하 1234567890 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 가나다라마바사아자차카타파하 1234567890 더보기
html5 canvas 저장소 용량 html 5에서 새로 지원하는 태그에 대해서 알아 보자. 이 태그는 canvas를 생성하고 그 위에 그림을 그릴 수 있도록 지원한다. 쉽게 말하면 그림판 태그라고 생각해 버리자. 그림판을 선언하고 그 그림판에 대해서 원하는 그림을 넣거나 선, 곡선, 사각형 등을 그릴 수 있다. canvas는 이미지 같은 것이 아니다. 실제 브라우저에 의해서 client 스크립트로 그려진 것이다. java script의 함수로 그릴 수 있기 때문에 애니매이션이 가능하다. 먼저 이해하기 쉽게 예를 들어 보자 (지금 부터 보이는 예는 보고있는 브라우져가 예전 것이라면 정상적으로 작동하지 않을 수 있다. html5는 현재도 진행되고 있는 web표준이며 실제 구현되지 않은 기능들도 많이 있다. ie보다는 구글 chrome 최신 .. 더보기
Html 5에 대해서 html5에 대해서는 먼저 아래를 읽어보는 것이 좋을 것 같다. 다음커뮤니케이션 윤석찬님의 블로그 http://www.bloter.net/archives/24791 w3c school html 5 강좌 http://www.w3schools.com/html5/html5_intro.asp w3c school html 5 reference page http://www.w3schools.com/html5/html5_reference.asp html5 demo와 example 페이지 (재밌다.) http://html5demos.com/ W3C에서 제공하는 html5 레퍼런스다. http://dev.w3.org/html5/html-author/ 더보기
속도계 관련 javascript UI 구글 chart api인데 이것도 속도계로 쓸 수 있겠다. http://code.google.com/intl/ko-KR/apis/chart/docs/gallery/googleometer_chart.htmlExamplesDescriptionExampleThis demonstrates using the chxl to specify custom labels both below and above the dial.chxt=x,ychxl=0:|Groovy|1:|slow|faster|crazyYou can specify multiple arrows with multiple data points.chd=t:20,40,60chdl=1|2|3To apply a style to arrows, use the chls para.. 더보기
color picker w3c school에서 보면 아래같이 color picker를 제공한다. 웹페이지 element 색깔 고를때 유용할 것 같다. http://www.w3schools.com/tags/ref_colorpicker.asp Select color: #660033 Selected color: Darker/lighter shades: Hex values: #000000 #0A0005 #14000A #1F000F #290014 #33001A #3D001F #470024 #520029 #5C002E #660033 #751947 #85335C #944D70 #A36685 #B28099 #C299AD #D1B2C2 #E0CCD6 #F0E6EB #FFFFFF 더보기
jquery 관련 site 모음 jquery 이미지 겔럴리를 위한 사이트 http://www.visuallightbox.com/ 더보기
Use struts2 & tomcat in eclipse / 이클립스에서 struts2과 톰캣 사용하기 http://cafe.naver.com/itdocument.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=412 Dynamic web project를 생성해서 struts를 사용하는 예는 위 카페에 잘 나와있다. 실제로 해보면 (위의 경우는 간단하지만) struts.xml을 변경하는 등 좀더 세심한 작업으로 들어가면 struts2의 버전에 따라 말썽을 부릴 때가 있다. 이럴때는 그냥 http://struts.apache.org/2.2.1/docs/getting-started.html 이렇게 실제 2.2.1버전 혹은 x.x.x버전의 getting-started.html페이지를 이용해 보는 것이 더 나을지도 모른다. 읽어 보다보면 http://struts.apache.org.. 더보기