수업내용/Web 18

[2022.11.11.금] 게시판 구현

1. 라이브러리 파일을 src/main/webapp/WEB-INF/lib 폴더에 추가한다. ojdbc11.jar ibatis-2.3.4.726.jar 2. ibatis 환경설정 src/main/resources "소스폴더"를 추가한다. src/main/resources "소스폴더"에 META-INF/ibatis/mappers "폴더"를 추가한다. src/main/resources/META-INF/ibatis/mappers 폴더에 매퍼파일을 추가한다. boards.xml, reviews.xml src/main/resources/META-INF/ibatis 폴더에 ibatis-config.xml 파일을 추가한다. ibatis-config.xml 파일에 boards.xml과 reviews.xml 파일을 등록한..

수업내용/Web 2022.11.13

[2022.11.10.목] 도서 수정, 삭제, 페이징 처리하기

* 가격 형식, 날짜 형식 StringUtils 클래스 추가 -> numberToText, dateToText 정의 가격, 날짜 부분을 모두 stringUtils를 씌움 package com.sample.util; import java.text.DecimalFormat; import java.text.SimpleDateFormat; import java.util.Date; public class StringUtils { private static final DecimalFormat decimalFormat = new DecimalFormat("#,###.##"); private static final SimpleDateFormat simpleDateFormat = new SimpleDateFormat("..

수업내용/Web 2022.11.10

[2022.11.09.수] JSP 응답객체, 상품, 도서 연습

1. JSP 응답 종류 1-1. product/list.jsp 요청 -> productDao의 모든상품정보 반환 메소드를 실행해서 상품목록 정보를 획득 -> HTML 콘텐츠를 생성하고, HTML 콘텐츠를 응답으로 제공한다. 1-2. product/register.jsp 요청 -> 요청파라미터로 전달된 상품정보 조회 -> 조회된 정보를 Product 객체에 저장 -> ProductDao 의 상품저장 메소드를 실행해서 테이블에 추가 -> 응담으로 전달할 정보가 없음 -> 정보를 조회할 수 있는 요청 URL을 응답으로 제공한다. -> 응답객체에 있는 sendRedirect 메소드 -> response.sendRedirect("list.jsp"..

수업내용/Web 2022.11.09

[2022.11.07.월] 네트워크, JSP

1. 네트워크 여러 대의 컴퓨터가 통신회선으로 연결되어 있는 것 네트워크의 구성 Server : 서비스를 제공하는 프로그램 Client : 서비스를 제공받는 프로그램 1-1. 네트워크 주요 용어 host 네트워크에 연결되어 있고, 다른 호스트와 통신할 수 있는 컴퓨터 ip주소로 식별된다. ip address 네트워크에서 호스트를 식별하기 위해서 부여되는 고유한 주소 IPv4, IPv6 주소 체계가 있다. port 같은 ip 주소 내의 서버프로그램 중 선택하기 위함 실행 중인 서버프로그램의 논리적인 연결지점 모든 서버프로그램은 특정 포트번호를 가지고 실행된다. 포트번호를 이용해서 서비스를 제공하는 서버프로그램을 선택할 수 있게 된다. 포트갯수는 0 ~ 65535까지 총 65536개 있다. 포트번호의 범위 ..

수업내용/Web 2022.11.07

[2022.11.04.금] CSS 박스모델, 포지션

1. CSS 박스모델 모든 HTML 엘리먼트(태그) 박스처럼 다루어진다. 화면 디자인, 화면의 레이아웃을 구성할 때 HTML 엘리먼트(태그)를 박스처럼 다루게 되는데, 이를 박스모델이라고 한다. 박스모델의 구성 HTML의 모든 엘리먼트(태그)는 margin, border, padding, content로 구성된다. margin : 테두리(border)의 바깥여백, 다른 엘리먼트와의 경계 (다른 엘리먼트와의 간격) border : 엘리먼트의 테두리, padding과 contents를 감싸고 있다. padding : 테두리(border)와 contents 사이의 여백, contents를 감싸고 있다. (콘텐츠와 테두리의 간격) contents : 박스모델이 가지는 실제 내용(텍스트 혹은 이미지) 너비 Con..

수업내용/Web 2022.11.04

[2022.11.03.목] id속성과 class속성, CSS

1. id속성과 class 속성 모든 태그들이 가지는 공통 속성 1-1. id 속성 특정 엘리먼트(태그)를 식별하기 위한 용도로 사용된다. HTML 문서 전체에서 똑같은 id 속성값을 가진 태그는 없어야 한다. ( = id의 속성의 값은 고유해야 한다. ) id 속성의 값은 숫자로 시작할 수 없다. id 속성값이 box-1인 div는 이 HTML문서에서 오직 하나다. 특정 div를 조작하거나 특정 div에만 스타일을 적용해야 할 때 id 속성값을 사용한다. 1-2. class 속성 같은 클래스값을 가진 태그는 같은 스타일이 적용되게 하기위한 용도로 사용된다. html 파일내에 같은 클래스값을 가진 태그들이 여러 개 있을 수 있다. 이 태그들은 같은 스타일이 적용된다. class 속성값은 한 번에 여러 개..

수업내용/Web 2022.11.03

[2022.11.02.수] 블록 엘리먼트와 인라인 엘리먼트, 폼

1. 블록 엘리먼트와 인라인 엘리먼트 documnet객체 : html문서를 표현하는 객체 태그 -> 엘리먼트가 됨 (태그 하나마다 엘리먼트 객체가 만들어짐) 그거를 렌더링 클래스:객체 = 태그:엘리먼트 1-1. 블록 엘리먼트 항상 새로운 줄에서 시작한다. 항상 사용가능한 최대 너비를 차지한다. (한줄을 통째로 차지) 블록 엘리먼트의 왼쪽이나 오른쪽에는 다른 엘리먼트가 위치할 수 없다. 엘리먼트의 너비(width)를 지정할 수 있다. 엘리먼트내의 컨텐츠(자식엘리먼트, 텍스트)를 정렬할 수 있다. 대표적인 태그 문서의 제목 : h1~h6 문서의 내용 : p 목록 : ol, ul, li, dl, dt, dd 표 : table 입력폼 : form 컨테이너 태그 : div * 다른 블록 엘리먼트, 인라인 엘리먼트..

수업내용/Web 2022.11.02

[2022.11.01.화] HTML, 태그

자바 애플리케이션(응용프로그램)과 자바 웹 애플리케이션 (이미지) VSC (Visual Studio Code) 사용 1. HTML HyperText Markup Language 웹용 문서를 작성할 때 사용되는 언어 HyperText : 문서의 링크를 클릭하면 연결된 문서로 즉시 이동할 수 있는 기능 Markup : 문서에서 어느 부분이 제목인지, 본문인지, 링크인지, 그림인지 등을 표시할 때 마크업(태그)을 사용한다. 마크업(태그)을 사용해서 작성된 문서이며, 링크를 클릭하면 연결된 다른 문서로 즉시 이동할 수 있는 문서를 작성할 때 사용되는 언어 1-1. HTML의 구성요소 태그 를 이용해서 만든다. 예) , , , , , , , , 태그명은 소문자로 적는다. 태그는 여는 태그, 닫는 태그가 있다. 여..

수업내용/Web 2022.11.01