exam
-
스프링(Spring) SLF4J와 로그백(Logback)을 이용한 로그 남기기Spring/환경설정 2018. 9. 6. 10:45
자바에는 commons-logging, log4j, java util logging, logback등의 다양한 로깅 툴이 존재한다. 이전에는 log4j와 commons-logging이 주로 사용되었고, 스프링에서도 이를 사용했다. SLF4J가 나온 이후 많은 오픈소스 프로젝트가 SLF4J를 선택하고 있다. 여러 오픈소스 프로젝트를 사용할 때 로깅 툴이 혼재되어 충돌이 빈번하게 발생한다. 이를 방지하게 위해 SLF4J를 많이 사용한다. pom.xml 의 Dependencies 탭에 다음의 3가지를 추가한다. 1) slf4j-api 2) jcl-over-slf4j 3) logback-classic spring-webmvc의 로깅 툴 commons-logging을 충돌 방지 위해 제거한다.src/main/re..
-
jQuery 키보드 이벤트( Keyboard Event) 예제Web/jQuery 2018. 9. 5. 11:08
앞서 jQuery 사이트에서 이벤트 동작법에 대해 학습했다면 코드를 통해 키보드 이벤트 실습. ※모든 jQuery 예제는 아톰(atom)으로 작성했고, 오페라 브라우저를 통해 확인했다. html 문서 작업이 굉장히 편하기 때문에 사용을 권하고, 브라우저는 크롬이나 오페라를 권장한다. 인터넷 익스플로러에서는 같은 결과가 나오지 않는 경우가 굉장히 많을 것이다. ( 브라우저들의 DOM 작성 방법이 표준화되지 않았기 때문) Vacations jQuery Travels - Trip Planner Packages Hawaiian Vacation $399.99 per ticket Tickets: Total Price: $399.99 Call us at 555-25937 to make a reservation tod..
-
jQuery 셀렉터(Selector) 예제Web/jQuery 2018. 9. 5. 10:53
자바스크립트에서도 css와 같이 원하는 태그만을 취사선택 해 각기 다른 디자인을 할 수 있다. css 포스팅에서 말했었던 Cascading( > ) , 클래스, id에 대해 각각 다른 디자인을 부여할 수 있다. 다음과 같이 태그, id, class에 대해 $("셀렉터명") 을 통해 접근할 수 있다.다음 명령어는 destinations 라는 id를 가진 태그의 하위에 있는 모든 li를 가리킨다.바로 아래 단계의 li 태그들만 탐색하고 싶다면 css와 마찬가지로 '>' 기호를 사용한다. 예제를 통해 확인해보자. ※모든 예제는 아톰(atom)으로 코드 작성했고, 오페라 브라우저를 통해 확인했다. html 문서 작업이 굉장히 편하기 때문에 사용을 권하고, 브라우저는 크롬이나 오페라를 권장한다. 인터넷 익스플로러..
-
jQuery 예제 및 기본 패턴Web/jQuery 2018. 9. 5. 10:50
jQuery는 JavaScript Query의 약어로 자바스크립트 라이브러리이다. 자바스크립트만으로 작성하기 복잡한 기능들에 대해 함수로 구현해 둔 것이다. 특정 태그의 값을 읽어오기 위해 자바스크립트에서 사용했던 번거로운 절차를 줄여준다는 말이다. 자바스크립트에서는 문서의 모든 태그들을 객체화 해 브라우저에 DOM(Document Object Model) 형태로 저장한다. 다음과 같이 문서를 DOM 형태로 변환하는 작업을 렌더링이라 한다. 이를 통해 각각의 태그들을 객체화 해 이들에 하나하나 접근하고 제어할 수 있다. 객체화 된 태그들을 자바스크립트에서는 Element라 칭한다. 예를 들어 h1 태그의 Text 값을 읽어오고 싶다면 var h1 = document.getElementByTagName("..
-
JSP 체크박스(Check box), 셀렉트(Select), 옵션(Option) 예제Web/JSP, JavaScript 2018. 9. 3. 17:13
JSP 체크박스(checkbox), 셀렉트/옵션(select/option) 는 웹사이트를 구성하는 데 필수적인 태그들이다. 실무 사용 패턴 포스팅 1. 체크박스 빨간 박스 부분으로 태그당 하나가 생성된다. 체크박스의 특징은 특정한 데이터만을 취사선택 할 수 있다는 것이다. JSP에서는 이를 지원하기 위해 name 속성을 제공한다. 같은 name 속성을 가지고 있는 태그들의 값을 서블릿에서 String 배열로 받을 수 있다. 서블릿은 배열을 받기 위해 사용하던 메소드 request.getParameter 대신 request.getParameterValues를 사용한다. 2. 셀렉트 / 옵션 셀렉트는 녹색 박스 부분으로 여러가지 옵션 들 중 하나를 선택할 수 있는 박스를 의미한다. 여기서 셀렉트는 옵션들을 ..