Apache Tomcat (https://tomcat.apache.org/)Apache Tomcat 사이트에 접속하여 왼쪽 Download -> Which version? 클릭Supported Java Versions을 참고하여 Apache Tomcat Ver
자바를 기반으로 한 서버개발 언어HTML을 중심으로 자바와 같이 연동하여 사용하는 웹 언어이다.HTML 코드 안에 JAVA코드를 작성할 수 있는 언어이다.사용자의 요청에 맞는 서비스를 제공해주는 것페이지 요청과 응답이 일어나는 장소.인터넷이 연결된 컴퓨터들을 통해 사람
먼저 Apache Tomcat 설치 파일에서 lib 폴더 더블클릭!lib 폴더 안에 servlet-api 파일 복사하기!이클립스로 돌아와서, webapp 폴더 안에 -> WEB-INF 폴더 안에lib 폴더 클릭 후 붙여넣기!그러면 lib 폴더 안에 servlet-api
상단 service() 오버라이드 하기첫번째 HttpServletRequest arg0 는 요청을 받아오는 파라미터이고,두번째 HttpServletResponse arg1는 응답을 받아오는 파라미터이다.페이지에 출력하기 위해서는 PrintWriter 객체 생성하고 응답
HttpServlet 클래스를 상속받은 서블릿 클래스와 요청받은 사이트 연결하기/hello2 라는 url 요청이 들어오면 이 MySublet2 클래스와 연결되어 동적데이터를 처리할 수 있다. 정상적으로 출력되는 것을 볼 수 있다.
클라이언트로부터 요청이 백엔드로 가기 전에 가로채기 위해서와, 서버로부터의 응답이 클라이언트로 보내지기 전에 조작하기 위해서 사용한다.프로젝트안에 java 폴더안에 서블릿을 위한 패키지가 생성되어있다.이 패키지 안에 Filter 클래스를 담을 패키지를 만들어 준다.이름
사용자가 입력한 내용들을 서버로 어떤 방식으로 넘길것인지, 어떤 프로그램을 이용해 처리할 것인지를 지정한다.form태그에서 기본 전송방식인 get방식 적용x에 5, y에 3을 입력하고 덧셈버튼을 눌렀다면,페이지 url 에서 x=5&y=3&operator=덧셈 이라고 명
HTMLJAVAname="num"인 상자가 4개가 있고, 각각 입력한 값을 파라미터로 받아와서 연산을 해야한다.같은 name 값이 여러 개 일때는 배열로 받아온다.파라미터로 넘어올때는 문자열로 받아오니 String\[ ]을 만들어준다.그리고 num값이 null이 아니거
application, session, cookie하나의 application 이 생성되고 소멸 될 때까지 계속 유지eclipse에서 하나의 project가 하나의 application이라고 생각하면 되고,하나의 server에는 여러 개의 web application이
application, session, cookie하나의 웹 브라우저의 정보를 유지하기 위한 세션 정보를 저장브라우저가 시작될 때 저장공간이 생기고, 브라우저가 닫히면 저장공간이 사라진다. 내장객체로서 브라우저별로 각각 session이 존재하고고유한 sessionID를
application, session, cookie저장위치 : 클라이언트 (접속자 PC)저장형식 : text만료시점 : 쿠키 저장시 설정 \-> 브라우저가 종료되도, 만료시점이 지나지 않으면 자동 삭제가 되지 않음용량제한 : 하나의 도메인당 20개속도 : sessio
HTML 코드에 JAVA 코드를 넣어 동적 웹페이지를 생성하는 웹 어플리케이션 도구이다.JSP가 실행되면 웹을 지원하는 자바 서블릿으로 변환되며,웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고,그렇게 생성된 데이터를 웹페이지와 함께 클라이언트에게 응답한다.J
calc.jspCalc.java(class)Oper.java(servlet)calc.jsp 페이지로 돌아가고 싶을 때, href에 calc.jsp를 하면 되지만, .jsp를 제외한 calc라고 표시하고 싶을 때, 즉 파일이름과 url이 다를 때 파일을 찾아갈 수 있게
홀수행과 짝수행에 다른 클래스 적용하기1행 ~ 5행까지 열을 증가시키는 for문을 먼저 돌리고,6행 ~ 10행까지 열을 감소시키는 for문을 돌렸다.
jsp 페이지 내에서 제공되는 특수한 클래스 형의 객체내장 객체는 선언과 할당 없이 사용할 수 있다.\-> 브라우저에 javascript가 내장되어있어 별도 설치없이 사용가능 하듯이, 파일 내에도 객체가 저장되어있다.request : 웹 브라우저의 요청
jsp 페이지 내에서 제공되는 특수한 클래스 형의 객체내장 객체는 선언과 할당 없이 사용할 수 있다.\-> 브라우저에 javascript가 내장되어있어 별도 설치없이 사용가능 하듯이, 파일 내에도 객체가 저장되어있다.request : 웹 브라우저의 요청
파라미터 ans의 값이 300일 경우 "정답입니다." 출력300이 아닐경우, "정답이 아닙니다." 출력숫자를 클릭할 경우 a 태그로 연결된 url로 이동연결된 url에서 파라미터 ans의 값 숫자를 받아와서 처리ans의 값이 300일 경우ans의 값이 300이 아닐경우
post 방식으로 파라미터 값 받기
현재 JSP 페이지의 특정 영역에 외부 파일의 내용을 포함시키는 태그이다.header.jspfooter.jspinclude_test.jsp출력화면
행위에 대한 태그jsp 페이지에서 동일한 내용이라도 자바 코드를 기술하기 보다는 태그를 기술하는 것이 지저분하지 않고 깔끔하게 코딩할 수 있어 가독성 높은 소스코드를 작성할 수 있다.코드양을 대폭 줄일 수 있다.forward : 다른 페이지로 이동
행위에 대한 태그jsp 페이지에서 동일한 내용이라도 자바 코드를 기술하기 보다는 태그를 기술하는 것이 지저분하지 않고 깔끔하게 코딩할 수 있어 가독성 높은 소스코드를 작성할 수 있다.코드양을 대폭 줄일 수 있다.forward : 다른 페이지로 이동
클라이언트가 URL1으로 요청보냄URL1에서 URL2로 이동하는데 정보가 유지된다.URL2에서 클라리언트로 응답된다.request에 담긴 값이 유효하다. (request, response 값이 유지된다.)(DB에서 데이터를 가져와야 할 때 사용)이동된 url이 화면에
request 객체로 파라미터값 받아오기object.jsp 파일과 object_ok.jsp 파일에서 변수 이름을 동일하게 했는데, 변수 이름과 태그의 name명, id값, DB 컬럼명이 같아야 유지보수가 수월하다.forward 방식 : request 객체 유치redi
page : 페이지 내 에서 지역변수 처럼 사용request : 요청을 받아 웹 브라우저에게 응답할 때까지 변수가 유지되는 경우 session : 웹 브라우저 별로 변수가 관리되는 경우 사용 \-> ex) 크롬 브라우저가 여러 창이 열려있을 때 한
attribute3.jspArrayList datas 를 session객체에 담아서redirect 로 전송 attribute4.jsp session은 Object 타입으로 저장하기 때문에 형변환 필요
User 자바 클래스attribute5.jsp 파일에서 User 타입 객체배열 생성하기User 클래스의 경로를 import 해주어야 User타입의 객체 생성이 가능하다<%@ page import="com.koit.vo.User"%> -> 패키지명.클래스명reque
M : Model \- 사용자가 원하는 데이터나 정보를 제공애플리케이션의 정보, 데이터를 나타낸다.이러한 data, 정보들의 가공을 책임지는 영역을 말한다.V : View \- 보여지는 화면input 텍스트, 체크박스 항목 등과 같은 사용자의 인터페이스 요소(UI)
let joinForm = document.getElementById("joinForm");let idTag = joinForm.userid; let pwTag = joinForm.userpw; let nameTag = joinForm.username;let pho
양쪽으로 전송되어 오고가는 데이터들을 담은 객체, JSP에서는 Bean이라고 부른다.여러 데이터들을 포장해서 만든 데이터 포장 객체사용자가 입력한 값을 객체 형태로 받을 수 있게 클래스 구성폼에서 입력된 데이터들은 하나의 DTO 객체로 변환 가능하나의 데이터베이스 레코
자바에서 어떤 DB에 접근하던지 간에 jdbc가 필요하다.Java DataBase Connectivity자바에서 데이터베이스에 접속 / 관리 할 수 있게 해주는 드라이버(API)자바로 작성된 프로그램으로 DB와 관련된 작업을 처리할 수 있도록 제공되는 기능(코드)들을
이클립스 상단 Project -> Clean코드가 많을 시, 전체 Clean 을 하면 시간이 오래 걸릴 수 있으므로, 해당 프로젝트만 하는 것이 좋다!강력새로고침으로도 적용안될 때, 프로젝트가 엉켜있는 것 같을 때! Clean 후 -> 서버 stop 후 -> 다시 서
Connection : DriverManager로부터 Connection 객체를 가져온다.Statement : Sql Query문 담아서 전달PrepareStatement\-> SQL문을 미리 컴파일 하여 실행 속도를 높여준다.3b. ExecuteUpdate\-> s
jdbc_select.jsp jdbc_select2.jsp
MemberBean 이라는 클래스 객체 생성하기자바 : MemberBean member = new Member();jsp : <jsp:useBean class="패키지명.MemberBean" id="member" />자바 : member.setName("자바학생"
이름을 입력 후 제출 버튼을 누르면, controller인 age_db.jsp 호출전체 확인하기 버튼을 누르면, selectAll()에서 age_all.jsp로 이동각각 DB connection을 맺어야 하는데, 각각의 파일에서 DB 코드를 입력하지 않고 DB C
age_search.jsp전체 확인하기 클릭하면 member 테이블의 모든 값 출력하기selectAll() -> age_all.jsp 로 이동모든 member 테이블의 레코드를 가져오기 위해서는 값을 저장할 빈즈 객체에 테이블의 정보를 담아서, 각각의 빈즈 객체를 Ar
🎈join_db.jsp
로그인 버튼 클릭시 sendit() 호출login.js에서 validation check유효성 검사 완료 후, login_db.jsp로 데이터 이동사용자가 입력한 userid와 userpw를 파라미터로 받아서 DB에 같은 아이디와 비밀번호를 가진 레코드가 있는지 확인만
UserDAO에 사용자가 로그인시 입력한 id, pw를 파라미터로 보내서 로그인 성공시 true 반환로그인 성공 시, session 객체에 userid 저장session 객체는 브라우저마다 각각 존재하기 때문에, Chrome에서 로그인 후, main화면으로 넘어가
로그인을 하면 id, pw를 파라미터로 받아온다.DAO 클래스 login() 에 파라미터로 넘겨준다.UserBean 객체를 생성하고, 받아온 id,pw로 모든 컬럼을 select해와서 빈즈 객체에 담아주고, 이 빈즈 객체를 리턴한다.DAO 객체를 생성하고 파라미터로 받
session 한번에 삭제하기 session.invalidate();session 항목별로 삭제하기 session.removeAttribute("session_id");session이 삭제되었으므로 다시 로그인페이지로 이동
비동기적 통신빠르게 동작하는 웹페이지를 만들기 위한 개발 기법Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있고, 백그라운드 영역에서 서버와 통신하여,그 결과를 웹 페이지의 일부분에만 표시할 수 있다.서버와 데이터를 주고 받을 수
경량화된 데이터 교환 형식. 서로 다른 언어들 간 데이터를 주고 받을 수 있도록 만들어진 텍스트 기반의 형식.프로그래밍 언어가 아닌 데이터 표기 방법 중 하나이고, 기본적으로 name:value 형태의 구조를 가지고 있다.json 라이브러리!첫번 째 클릭하여 설치!이클
데이터베이스와 연결된 커넥션을 미리 만들어서 저장해두고 있다가필요할 때 저장된 공간(pool) 에서 가져다 쓰고 반환하는 기법.커넥션 풀을 이용하고 커넥션을 미리 만들어 두고 사용하기 때문에매번 사용자가 요청할 경우 드라이버를 로드하고, 커넥션 객체를 생성해 연결하는
Framework : 프레임워크에 정해진 방법을 꼭 사용해야한다.Library: 필요할 때만 사용할 수 있다.객체 지향 언어인 자바의 관계형 데이터베이스(RDBMS) 프로그래밍을좀 더 쉽게 할 수 있도록 도와주는 개발 프레임 워크JDBC를 통해 데이터베이스에 엑세스하는
여러가지 종류 중 사용하고 싶은 예제 골라서 예제 소스코드보기 클릭라이브러리 코드 가져오기코드를 html 부분과 script부분을 나눠서 복붙!바로 사용가능! join_view.jspuser.js
Expression Language값을 간결하고 간편하게 출력할 수 있도록 해주는 언어<%= %>, out.print() 과 같은 자바코드를 더이상 사용하지 않고 좀더 간편하게 출력을 지원하기 위한 도구배열, 컬렉션, javaBean 프로퍼티에서도 사용된다.pag
el_test2.jspel_test3.jsp기본연산자. : 자바빈 또는 맵에 접근하기 위한 연산자\[] : 배열 또는 리스트에 접근하기 위한 연산자() : 우선순위 산술연산자\+, -, \*, / (div), %(mod)div와 mod는 문자로도 사용 가능비교연산자=
🎈 JSTL JSP Standard Tag Library
JSTL / EL 문 사용하여 DB에서 데이터 가져오기
전체회원보기 클릭DB에 상세주소정보는 아직 넣지 않음.