ALL

쌍용 강북 교육센터 국비학원 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); - 선택자에 해당되는 내용물..

쌍용 강북 교육센터 국비학원 Day 55일차 Tabs 자주 사용하는 tab 메뉴 구현하기 탭 메뉴를 클릭하면 버튼이 활성화 되어 해당 탭 메뉴 내용이 나타나게 한다. addClass() 메소드와 removeClass() 메소드, :eq 메소드를 사용해 구현하였다. 탭 구현의 예 - https://jqueryui.com/tabs/ ※ .eq() 또는 :eq() 메소드 - 선택한 요소의 인덱스 번호에 해당하는 요소를 찾는다. 같은 부모의 자식중에서 '숫자'번째 에게 접근한다. .index()는 숫자만 반환하는 것에 비해 .eq()는 요소를 반환하기 때문에 요소의 컨트롤에 매우 유용하다. Storage 스토리지는 로컬 스토리지 (localStorage) 와 세션 스토리지 (sessionStorage) 가 존재..

쌍용 강북 교육센터 국비학원 Day 54일차 JQuery 주요 메소드 $.bind() , $.on() bind(), on() 둘 다 이벤트(event) 처리기능을 하는 메소드이지만 약간의 차이가 있다. 선택자를 잡을때 선택자가 태그에 직접 기술한 것이라면 선택자를 제대로 잡을수가 있으나 스크립트내에서 기술한 것이라면 선택자를 못 잡아올수도 있다. 이러한 경우 $(document).on() 메소드를 사용해야 한다. (jQuery에서는 on 메소드를 사용하는 것을 권장하고 있다.) $(document).on( "이벤트종류", "선택자", function( ){ } ); [문법] $.on ( events , selector , data , function( ) ); 1 2 3 4 (selector와 data는..