내장 객체 미리 객체를 생성하고 사용할 수 있도록 하는 것 JSP 페이지를 작성할 때 특별한 기능을 제공하는 JSP 컨테이너가 제공하는 객체. 내부 객체는 사용자가 직접 선언하여 사용하지 않는다. 이미 내부적으로 생성/제공되기 때문에 호출하기만 해도 사용할 수 있다. request : javax.servlet.http.HttpServletRequest : 파라미터를 포함한 사용자의 요청값을 담고 있는 객체 = 사용자가 보내주는 모든 정보는 request에 담겨 온다. = 데이터를 전송할 때 사용 요청을 받음 (getParameter) : 지역변수 ⑴ 서버 정보 / 브라우저 정보 읽기 getRemoteAddr(), getPort() : 사용자의 IP/PORT를 반환한다. getRequestURL() : 사..

JSP는 Java 코드가 약간 포함된 HTML 페이지이다. 지시자 jsp 페이지가 실행될 때 필요한 정보를 JSP 컨테이너에게 알린다. 지시자는 태그 안에서 로 감싸져 있고, 크게 3종류가 있다. 1) page 지시자 : JSP 페이지에 지원되는 속성을 정의하고, : JSP 컨테이너가 이 페이지를 어떻게 처리해야 하는지에 대한 페이지 정보를 가져 온다. ContentType *** JSP 페이지의 내용을 어떤 형태로 출력을 할 것인지 브라우저에게 알려 준다. text/html(HTML), text/plain(json), text/xml(XML) 등 여러 가지가 있다. 또한 문자 형식(charset, 캐릭터셋)을 지정하는 데에도 사용된다. 출력할 내용에 한글 요소가 포함되어 있다면 반드시 charset을 ..

get을 보내면 get으로 받아야 하고 post를 보내면 post로 받아야 한다! 유일하게 번호가 안 넘어가는 것 = 검색/찾기 기능 회원가입, 회원탈퇴, 장바구니 추가/제거, 글 수정/삭제 다 번호가 넘어 간다. MyBatis가 SQL과 자바 파일을 분리할 수 있도록 해줌. 나중에 자바코드는 servlet, html은 jsp에서 하도록 분리할 것임. 우선 게시판 VO를 만들어 준다. → 게시글 번호, 조회수, 작성자이름, 제목, 내용, 비밀번호, 작성일 BoardVO.java (Class) package doodoo.vo; import java.util.*; import lombok.Getter; import lombok.Setter; @Getter @Setter public class BoardVO ..

웹의 동작 방식 사용자의 요청이 브라우저를 통해 웹 서버로 들어간다. 서버에 요청이 도착하면 서버는 요청에 맞는 처리를 하고 클라이언트에게 처리 결과를 응답으로 보낸다. → 웹의 동작은 요청(Request)과 응답(Response)으로 이루어진다. 이 때, 요청과 응답은 HTTP 라는 통신규약(프로토콜)을 지키면서 통신하게 된다. 요청 : 클라이언트에서 서버로 정보를 요구하는 메시지 응답 : 요구된 메시지에 대한 응답. HTML, 이미지, 파일 등을 보내 준다. 언제나 데이터를 보내지는 않는다. 데이터 없이 화면만 전환되는 경우도 있음. 클라이언트가 서버에 요청을 하는 방식에는 두 가지가 있다. GET : URL의 parameter를 통해 데이터를 전송한다. (ex) http://website.com?i..

보호되어 있는 글입니다.

아래와 같은 간단한 HTML 코드가 있다고 하자. (예시 코드 출처: w3schools) Lorem ipsum... Lorem ipsum... Lorem ipsum... 위 코드는 아래와 같은 화면을 보여 준다. 이 때, 이미지 아래에 있는 "Lorem ipsum..." 이하의 텍스트들을 모두 가져오려고 한다. 자바의 Jsoup이라는 라이브러리를 이용하면 텍스트 추출을 자동화할 수 있다. *jsoup 라이브러리가 포함된 jar를 꼭 프로젝트에 추가해 주어야 한다. JSoup의 클래스와 메서드 Elements, Element : CSS 선택자를 이용해서 가져온다. 일반적으로 태그에 부여된 id 또는 class로 구분할 수 있다. (ex) tag#id_name, tag.class_name Elements는 ..

구조적 선택자는 특정한 위치에 있는 태그를 선택할 때 사용한다. 크게 아래 세가지가 사용된다. :first-child : 형제 관계에서 첫 번째로 나오는 태그 선택 :last-child : 형제 관계에서 마지막으로 나오는 태그 선택 :nth-child(점화식) : 형제 관계에서 앞에서 점화식에 맞는 순서대로 나오는 태그 선택 *형제 관계 : 하나의 태그 아래에 같은 위치에 있는 관계(=동위 관계) 꼭 2n만 들어가지는 않고, 자유롭게 점화식을 지정할 수 있다. 과일명 체리1 자두2 딸기3 오렌지4 사과5 키위6 메론7 포도8 버찌9 야자10 복숭아11 레몬12 수박13 홍시14

CSS : HTML 내용과 상관없이 디자인을 자유롭게 변경할 수 있다. 종류 1. 외부 CSS → (.css) 파일로 제작하여 모든 파일에 적용을 할 때 2. 내부 CSS → HTML 한 개의 파일 안에서만 적용된다. CSS의 속성 1) 글꼴 관련 font-size : 글꼴 크기 font-family : 글꼴 종류 font-weight : 글꼴 굵기 2) 텍스트 관련 color : 글자 색상 text-decoration : 밑줄표시 → none, underline white-space : 자동 줄바꿈 설정(pre-wrap) 3) 문자 관련 text-align : 정렬(left, right, center) *요즘은 는 안 쓴다! 4) 목록 스타일 display : none(아무 표시 없음), list-it..

TRIGGER : 데이터의 변경이 일어날 때 자동으로 같이 실행되는 프로시저 프로시저/수동 처리 ↔ 트리거/자동처리 데이터베이스에 이벤트 발생 이벤트 : 어떤 액션을 했을 때 내용이 바뀌는 것=INSERT, UPDATE, DELETE → 트리거 작동 〓 데이터베이스 관리의 자동화 잘 활용하면 서로 관계가 있는 여러 테이블끼리의 데이터 관리를 자동화할 수 있다. 같은 테이블에서는 트리거를 만들 수 없다. → 항상 다른 테이블에 연쇄 반응을 일으키도록 만들어야 한다. 테이블에서만 사용이 가능하고, VIEW, 인라인 뷰, 서브쿼리 다 사용이 불가하다. AutoCommit을 가지고 있어 insert, update, delete시 commit과 rollback이 불가능하다. 웹 이벤트 : 메뉴/버튼/이미지 클릭됨..

태그 이미지 파일을 넣어줄 수 있는 태그. 파일을 넣어도 되고, 주소값을 넣어도 된다. - src : 이미지 파일 또는 URL로 이미지를 출력할 수 있도록 해 준다. (필수) - width/height : 너비/높이 - title : 풍선 도움말 태그 문자와 이미지를 함께 나타내도록 해 준다. (카드같은 느낌) - figurecaption : 어떤 문자를 넣을 지 지정한다. 원격(URL) 실제 이미지 img->figure 이터널 선샤인 태그 [한 줄 입력칸] type=text : ID, 이름... type=password : 비밀번호(***필터링되어 나타남) [버튼] type=submit : 데이터 전송 버튼 type=reset : 초기화 버튼 type=button : 기능이 없어 자바스크립트로 기능을 ..