웹페이지 액박 대처하기 웹 페이지를 만들다보면 아직 이미지가 없는 상태에서 위치, 크기만 지정해야할 경우가 많다. 이런 경우 크기가 맞지 않는 이미지를 가져다가 억지로 배치시켜 볼 수도 있지만 dummyimage.com 같은 사이트를 이용해보면 손쉽게 관련 처리가 가능하다. dummyimage.com dummyimage.com/은 이름그대로 동적으로 dummy 이미지를 생성해주는 사이트이다. Dynamic Dummy Image Generator - DummyImage.com Dynamic Dummy Image Generator by Russell Heimlich (@kingkool68) Documentation Size width x height Colors background color / text c..

일반 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..