일반 dynamic-web project를 maven으로 변경할 때 간혹 web-inf/lib로 jar를 배포하지 않는 문제가 발생한다. 이때는 프로젝트 우클릭 > deployment Assembly 에 maven dependencies가 포함되어있는지 확인해보자. 만약 누락되어있다면 Add > Java Build Path Entries > Maven Dependencies를 선택해서 추가해준다.

자바스크립트에서는 location 객체가 url을 담당한다. 다음 페이지에서 location 객체가 갖는 속성에 대해 살펴볼 수 있다. https://www.w3schools.com/jsref/obj_location.asp Location Object The Location Object Location Object The location object contains information about the current URL. The location object is part of the window object and is accessed through the window.location property. Note: There is no public standard that applies to the ..

bootstrapk.com 에서는 정말 반갑게도 한글로 bootstrap 관련 내용들이 잘 정리되어있다. 시작하기의 부트스트랩 CDN에는 MaxCDN에서 제공하는 주소가 표시된다. 맨 하단에 javascript가 있는데 bootstrap은 jquery를 내부적으로 사용한다. 2019.09월 현재 jquery 버전은 3.4.1 버전인데 3.3.2 버전 bootstrap의 jquery는 1.x의 jquery를 사용한다. +function ($) { 'use strict'; var version = $.fn.jquery.split(' ')[0].split('.') if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && v..

을 table의 열을 관리하기 위한 태그이다. 기본적으로 은 안에 또는 를 이용해서 작성하므로 행 단위로 관리된다. 따라서 세로 열들을 묶을 방법이 부족하다. 이때 을 사용한다면 세로로 테이블을 묶어서 편리하게 관리할 수 있다. 예를 들어 아래와 같이 구성된 테이블을 생각해보자. 만약 첫번째 열들에는 silver를 배경으로 화면의 15%, 두번째와 세번재 열에는 lime을 배경으로 각각 화면의 30%, 마지막 열은 화면의 25%를 차지하게 하려고 할 때 각 행의 각 cell에 접근해서 처리하려면 매우 코드가 길어진다. 이때 col을 아래와 같이 적용해볼 수 있다. firstsecondthirdfourth 1234 은 태그 작성 전에 작성하며 일반적으로 으로 묶어줄 수 있다. 이제 을 중심으로 css를 적..

1. 자바스크립트: https://prezi.com/view/s7DyzQNoxrLIMeeIXXoT/ 2. jQuery: https://prezi.com/view/R6mEQtp45W3AufIHSD93/ jquery prezi.com 3. 실습 소스

servlet이나 jsp를 이용한 웹 프로그래밍을 하다보면 favicon.ico 가 없다는 404 메시지를 자주 보게 된다. favicon이란 웹 페이지의 타이틀에 표시되는 사이트의 대표 이미지이다. 위 그림의 gmail 사이트는 favicon이 잘 설정되어있지만 두 번째 사이트는 favicon이 설정되어있지 않다. 재밋는 점은 404 에러가 출력된 주소인데 특정 context 이름이 개입되지 않은 사이트 즉 /에 매핑된 곳에서 찾고 있다는 점이다. 따라서 원천적으로 두 가지 방식을 사용할 수 있겠다. 1. Root 프로젝트에 favicon.ico를 위치시킨다. 기본 root 경로는 [eclipse설치경로]\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wt..

일반적으로 화면을 구성할 때는 를 이용한다. block 타입 요소인 는 기본적으로 한 줄을 차지하며 세로 방향으로 쌓인다. box1 box2 box3 필요에 따라 요소를 가로 방향으로 배치하기 위해서는 float 속성을 사용한다. float을 사용하면 해당 요소를 붕~ 띄우게 되고 float 되지 않은 요소 위로 배치된다. 다음은 box1의 float 속성을 left로 처리한 결과이다. float된 요소인 box1이 떠오르면서 box2 위로 표시된다. box2를 다시 오른쪽으로 float 시키면 box3만 밑으로 들어가게 된다. #box1 { float: left; background: skyblue; width: 20%; } #box2 { float: right; background: lime; wid..