본문 바로가기

웹프로그래밍

Key Code Key Pressed Javascript Key Code Key Pressed Javascript Key Code backspace 8 tab 9 enter 13 shift 16 ctrl 17 alt 18 pause/break 19 caps lock 20 escape 27 page up 33 page down 34 end 35 home 36 left arrow 37 up arrow 38 right arrow 39 down arrow 40 insert 45 delete 46 0 48 1 49 2 50 3 51 4 52 5 53 6 54 7 55 8 56 9 57 a 65 b 66 c 67 d 68 e 69 f 70 g 71 h 72 i 73 j 74 k 75 l 76 m 77 n 78 o 79 p 80 q.. 더보기
외부 CSS 파일 임포트하기 외부 CSS 파일을 jsp 페이지에 import하는 방법은 link 태그를 사용하는 것과 style 태그 안에 @import 를 사용하는 것 2가지가 있습니다. 둘 중 어느것을 사용해도 괜찮지만 link 태그를 사용하는 것이 @import를 사용하는 것보다 더 안정적입니다. link 태그를 이용하면 모든 브라우저에서 병행 다운로드를 보장하기 때문입니다. link 태그 사용시와 @import 사용시의 속도 차이에 관한 자세한 내용은 아래의 링크를 참조하시면 됩니다. seye2 님의 이글루 더보기
div 요소를 브라우저 가운데로 수평 정렬하기 div 요소를 브라우저 화면의 가운데로 수평 정렬하려면 가운데 정렬하기를 원하는 div 태그에 'margin:0px auto' CSS 속성을 추가하면 됩니다. 더보기
CSS 수직 정렬 출처 : seye2님의 이글루 더보기
IBM developerWorks에서 제공하는 Ajax 강좌 IBM developerWorks 에 'Ajax 마스터하기'라는 제목으로 연재된 Ajax 기술자료입니다. Ajax에 대한 개념을 잡는 것부터 시작해서 실제 사용하는 방법까지 상당히 정리가 잘 되어 있는 강좌인 듯 합니다. 이 문서를 보는 것만으로도 Ajax를 마스터하는데 큰 무리는 없을 거 같습니다. Ajax 마스터하기, Part 1: Ajax 소개 Ajax 마스터하기, Part 2: JavaScript와 Ajax를 이용한 비동기식 요청 Ajax 마스터하기, Part 3: Ajax의 고급 요청 및 응답 Ajax 마스터하기, Part 4: 웹 응답에 DOM 활용하기 Ajax 마스터하기, Part 5: DOM 다루기 Ajax 마스터하기, Part 6: DOM - 기반 웹 애플리케이션 구현하기 Ajax 마스터.. 더보기
Ajax란? Ajax 입문 Asynchronous JavaScript + XML에서 발췌한 내용임을 미리 밝힙니다. Ajax란? Ajax는 Synchronous JavaScript And XML(비동기 자바 스크립트와 XML)의 약자로 서버와의 비동기 통신을 이용해 마치 데스크탑 애플리케이션을 사용하는 것과 같은 사용자와 애플리케이션간의 인터랙티브한 사용자 경험을 가능하게 하는 스크립트 언어입니다. 이전의 동기 통신에서는 웹 애플리케이션이 서버와의 인터랙션을 필요로 할 때에 매번 브라우저가 사용자와의 인터랙션을 멈추고, 서버로부터의 응답이 올때까지 기다려야 했습니다. 서버로부터의 응답이 오기 전까지 사용자는 아무것도 할 수 없었죠. 하지만 비동기 통신에서는 서버로부터의 응답을 기다릴 필요 없이 사용자는 계속해서 애플.. 더보기
아파치 톰캣(Apache Tomcat) 톰캣은 아파치 소프트웨어 재단에서 개발된 서블릿 컨테이너(또는 웹 컨테이너)이다. 톰캣은 웹 서버와 연동하여 실행할 수 있는 자바 환경을 제공하여 자바 서버 페이지(JSP)와 자바 서블릿이 실행할 수 있는 환경을 제공한다. 톰캣은 관리툴을 통해 설정을 변경할 수 있지만, XML 파일을 편집하여 설정할 수도 있다. 그리고 톰캣은 HTTP 서버도 자체 내장하고 있다. 톰캣은 웹 서버로 사용되기보다는 was로 사용된다. 물론, 톰캣에 내장된 웹 서버로만 웹 시스템을 구성할 수도 있지만, 대규모 사용자가 사용하는 시스템 구축시에는 웹 서버와 연동하는 안정적인 시스템을 구축해야 한다. html과 같은 정적 페이지를 로딩하는데 있어서 톰캣에 내장된 웹 서버만으로는 수행 속도가 너무 느리기 때문이다. 따라서 이를 해.. 더보기
웹프로그래밍 관련 서적 실전 jQuery 쿡북 jQuery코어 커뮤니티 저 | 김경균 외 역 | 비제이퍼블릭 | 2010년 06월  더보기
이클립스에서 웹프로젝트 실행시 오류가 발생하는 경우 이클립스의 문제인지 톰캣의 문제인지는 모르겠지만 황당하게도 분명 전에는 잘 실행되던 웹프로젝트가 갑자기 class 파일을 찾을 수 없다며 오류를 뿜어내는 경우가 있습니다. 이런 때에는 오류에 찾을 수 없다고 나오는 class 파일이 들어있는 jar 파일들을 모두 삭제한 후 재 import 하면 해결될 수 있습니다. 또한 struts 태그를 갑자기 인식하지 못하는 경우가 발생하는 경우도 있는데 이때에는 taglib 지시자의 uri 속성에 설정한 "/struts-tags" 를 삭제하고 다시 적어준 후 재저장하면 해결될 수 있습니다. 정확히 어떤 이유로 이렇게 되는건지 알고 싶은데 인터넷으로 찾아봐도 정확하게 나와있는 곳이 없네요.. 더보기
jQuery(혹은 JavaScript)를 js 파일로 연결하여 사용 시 한글 깨짐 현상 js 파일 사용시 한글 깨짐 현상 html 문서 내에서 직접 자바스크립트 언어를 사용할 경우에는 문제가 없지만, 자바스크립트 언어를 js 파일로 생성한 후 html 문서에서 연결하여 사용하는 경우에는 js파일 내에서 사용된 한글이 깨져서 표시 될 수 있습니다. 아래의 코드를 보면 alert 메소드를 사용해 한글 경고 메세지를 띄우는 자바스크립트를 수행하는 jquery.test.js 파일을 html에서 연결해 사용하고 있는데, 이를 실행하면 한글이 깨지는 현상이 발생합니다. html 파일 js 파일 alert("한글 깨짐 현상 테스트"); 한글 깨짐 현상 해결 이를 해결하는 방법은 간단합니다. 한글이 깨지는 js 파일을 에디터플러스 같은 편집툴로 열어 새로 저장하기를 누른 다음 Encoding을 Unico.. 더보기