Web

쌍용 강북 교육센터 국비학원 Day 65일차 JQuery의 Datepicker Datepicker는 생년월일을 입력하는 등 날짜를 입력하는 input 태그에 텍스트로만 입력하지 않고 이벤트로 직관적인 달력을 띄워 날짜를 선택하는 코드로 jQuery에서 오픈소스로 제공하는 코드이다. 기본적으로 제공하는 것은 영어로 되어있지만 API 문서를 통해 옵션값을 설정하여 커스텀을 할 수 있다. (또한 함수를 이용해 날짜와 날짜사이의 기간을 지정할 수도 있다) 옵션값 설명 옵션값 값 설명 dateFormat 'yy-mm-dd' 와 같은 Date 형식 Input Display Format 변경 showOtherMonths boolean 빈 공간에 현재월의 앞뒤월의 날짜를 표시 showMonthAfterYear bool..

쌍용 강북 교육센터 국비학원 Day 64일차 Connection Pool Connection 은 데이터베이스 서버에 연결하기 위해 사용되어지는 객체이다. 객체는 새롭게 만들어질때 시스템 자원(CPU, 메모리) 의 많은 소모와 시간이 걸리게 된다. 특히 DAO 클래스에서 사용하는 메소드 (insert, select, update, delete 등) 를 작성하려면 매번 Connection 객체 생성을 필요로 하게된다. 매번 이 객체를 생성해서 사용해야 한다는것은 자원소모가 크므로 이를 해결하기 위해 나온 방법이 Connection Pooling 기법이다. Connection Pool 은 미리 처음부터 여러개의 Connection 객체를 만들어 두고서 DAO 클래스의 메소드를 호출할때 마다 미리 만들어둔 객체..

쌍용 강북 교육센터 국비학원 Day 63일차 MVC 패턴 (Model View Controller) Model -> DataBase , DAO == VO (Value Object), DTO View -> JSP, JSTL Controller -> Java , Sevlet 을 뜻한다. 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴으로 소프트웨어의 비즈니스 로직과 화면을 구분하는데 중점을 두고 있다. controller를 조작하면 controller는 model을 통해서 데이터를 가져오고 그 정보를 바탕으로 시각적인 표현을 담당하는 View를 제어해서 사용자에게 전달하게 된다. 이러한 패턴을 성공적으로 사용하면, 사용자 인터페이스(UI) 로부터 비즈니스 로직을 분..

쌍용 강북 교육센터 국비학원 Day 62일차 이제부터는 이론적인 수업은 어느정도 마무리 되고 JSP 실습시간으로 DAO DTO 서블릿으로 DB와 연결하여 동작하는 프로그래밍 실습을 하였다. 오늘 수업은 파일로 대체 (코드와 로직의 구성만 참고)

쌍용 강북 교육센터 국비학원 Day 61일차 JSTL HTML 코드 내에 java 코드인 스크립틀릿 를 ${student}로, 문을 , 문을 로 대체하여 사용한다. 예전에는 스크립틀릿을 많이 사용했지만 가독성이 떨어지고, 뷰와 비즈니스로직의 분리로 인해 현재는 JSTL을 많이 사용하는 추세이다. JSTL은 자바 서버 페이지 표준 태그 라이브러리 (Java Server Pages Standard Tag Library) 이다. JSTL은 Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음이다. JSTL은 XML 데이터 처리와 조건문, 반복문, 국제화와 지역화와 같은 일을 처리하기 위한 JSP 태그 라이브러리를 추가하여 JSP 사양을 확장했다. JSTL은 JSP 페이지 내에서 자바 코드를 ..

쌍용 강북 교육센터 국비학원 Day 60일차 forward 액션태그 -> 액션태그는 하나의 JSP 페이지에서 다른 JSP페이지로 요청 처리를 전달할때 사용한다. 데이터를 공유하면서 페이지를 이동하기 때문에 forward 액션 태그가 있는 페이지의 URL 주소에서 다른 페이지의 결과를 출력 사용자가 입력한 값에 따라 접속하는 페이지가 다른 경우에 사용하면 좋다. page 속성의 값으로는 이동할 페이지 기술한다. 이동된 URL이 화면에 나타나지 않기 때문에 사용자는 이동했는지 알 수 없다. forward는 간결하고 구조적으로 웹/JSP 프로그래밍을 할 수 있고 또한, 각 조건을 처리하는 JSP를 분리하여 기능별로 모듈화 할 수 있게 해준다. forward 액션 태그의 처리 과정 웹 브라우저에서 웹 서버로 a..

쌍용 강북 교육센터 국비학원 Day 59일차 서블릿 (Servlet) 이란 ? 서블릿의 정의는 클라이언트의 요청을 처리하고, 그 결과를 반환하는 Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술이다. 예를들어 form 태그에서 사용자가 입력한 데이터를 받아 action으로 선언된 URL 경로에 데이터를 전송한다. 후에 .xml 파일에서 읽어들여 서블릿 클래스에 전달하여 후 서블릿 클래스에서 doGet, doPost 등의 메소드로 데이터를 처리한다. 서블릿 (Servlet)은 서블릿 클래스로 부터 만들어진 객체(Object) 를 말한다. 웹 컨테이너 (Web Application Server / Tomcat Server)는 서블릿 클래스를 가지고 서블릿 객체를 만든 다음에, 그 객체를 초기..

쌍용 강북 교육센터 국비학원 Day 58일차 WAS (Web Application Server) -> Web Server 기능 + Web Container (웹컨테이너) 기능을 합친것을 말한다. Web Server -> html 파일과 jpg, png, gif 확장자로 되어진 이미지 파일로 이루어진 정적인 문서나 이미지 파일을 웹페이지로 보여지게끔 제공해주는 서버이다. 웹 서버의 종류에는 Apache, IIS (Internet Information Server), WebtoB (티맥스소프트,국산) 등이 있다. Web Container (웹 컨테이너)란? -> JSP (HTML 페이지속에 Java 소스가 올라가 있는 페이지) 와 Servlet (웹기능을 하도록 만들어진 Java Class)을 실행시킬수 있..

쌍용 강북 교육센터 국비학원 Day 57일차 BootStrap 부트스트랩은 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크이다. 하나의 코드로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동하게 만들 수 있으며, 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다. Bootstrap은 모바일 우선으로 개발되었으며, 반응형웹을 위해서 아래와 같이 뷰포트 메타 태그 추가해야 한다. - width=device-width 웹 페이지의 크기가 모니터의 실제 크기를 따라가도록 만든 설정으로서 모니터, 스마트폰 등의 화면에 맞는 비율로 화면이 뜨도록 만듭니다. - initial-scale=1 보여지는 화면의 zoom up 정도를 1배율로 한다는 것이다. 이 값..

쌍용 강북 교육센터 국비학원 Day 56일차 $선택자1.find(선택자2) - 선택자1 안에 있는 선택자2를 가르키는 것이다. $.prev(); - 선택자의 바로 앞 형제태그 (엘리먼트)를 가르키는 것이다. $.children(); - 선택자의 자식(손자 X) 태그만을 가리키는 것이다. $.parent(); - 선택자의 부모요소 (부모태그)를 가르키는 것이다 $.siblings(); - 선택자의 형제요소 (형제태그) 중 선택자 (자기자신)을 제외한 나머지 모든 형제요소를 가르키는 것이다. $.prev(); - 선택자의 바로 앞의 형제요소를 가리키는 것이다. $.next(); - 선택자의 바로 뒤의 형제요소를 가리키는 것이다. $.fadeIn , fadeOut (second); - 선택자에 해당되는 내용물..