일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- jQuery
- autowired
- websocket
- Spring
- 비트코인
- 웹소켓
- express
- 블록체인
- AWS
- RDS
- PL/SQL
- SQL
- 도커
- Cookie
- HTML
- 배포
- node.js
- docker
- phaser
- JSP
- Servlet
- 웹게임
- 암호화
- JavaScript
- 알고리즘
- EC2
- CSS
- tiles.xml
- Ajax
- model1
- Today
- Total
목록Web (131)
記錄
service는 항상 먼저 읽히며 없을시 doGet과 doPost중 하나를 찾아가고 service가 있으면 doGet과 doPost를 건너 뛴다 public void init(ServletConfig config) throws ServletException { //초기화 함수(자동으로 호출되는 함수) //호출시점 : NowServlet 클래스 파일에 대한 [최초 요청시 한번 실행 ] //하지만 서버의 재시작 , 개발자가 코드 수정했을 경우 //다시 init부터 cycle이 재실행 //ex) //서버 오픈(it.co.kr) -> WAS(서블릿:NowServlet.java) //최초 접근 //홍길동 첫 접속자 -> it.co.kr/NowServlet 서버요청 //NowServlet 컴파일 -> 실행(clas..
private void doProcess(HttpServletRequest request, HttpServletResponse response ,String method) throws ServletException, IOException { // doGET , doPOST 모든 요청을 내가 처리 // 여기서 method는 무슨 방식으로 보냈는지 System.out.println("클라이언트 요청 : " + method); //1. 요청 받기 (GET, POST) //2. 요청 판단 (판단의 기준) : command 방식 //2.1 parameter 기준으로 //ex) board?cmd=login&userid=kglim // String str = request.getParameter("cmd") // i..
web.xml을 통한 매핑 simplecontroller com.SimpleController simplecontroller /simple pathcom.PathServlet path/java/study/*먼저 이름과 경로를 설정해주고 매핑(mapping) 단계에서 '지정해 주는 url'을 '이름'으로 가도록 설정한다.여기서는 /java/study/~ 의 모든 파일(심지어 존재하지 않는 주소라 해도) 결국 path로 가게 된다. Servlet 기본적 사항 protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { System.out.println("클라이언..
DOCTYPE html>Insert title here 영화 누적 관객수 조회 $(function (){ $('#btn').click(function () { // 비동기 처리로 외부 api 연결 $.ajax( { url:"http://www.kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json? key=9e59c890a115588440d1798da7e27bce &targetDt=20120101", dataType:"json", success:function(data){ var audiAcc = []; var moviename = []; $(data.boxOfficeResult.dailyBoxOfficeList)...
자바서버 페이지 표준 태그 라이브러리 자바서버 페이지 표준 태그 라이브러리(JavaServer Pages Standard Tag Library, 약칭 JSTL)은 Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음이다. JSTL은 XML 데이터 처리와 조건문, 반복문, 국제화와 지역화와 같은 일을 처리하기 위한 JSP 태그 라이브러리를 추가하여 JSP 사양을 확장했다. JSTL은 JSR 52로서 JCP 하에서 개발되었으며, 2006년 5월 8일에 JSTL 1.2가 출시되었다. JSTL은 JSP 페이지 내에서 자바 코드를 바로 사용하지 않고 로직을 내장하는 효율적인 방법을 제공한다. 표준화된 태그 셋을 사용하여 자바 코드가 들락거리는 것보다 더 코드의 유지보수와 응용 소프트웨어 코드와 ..
JavaScript로 만든 Ajax(+ https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started 참고) /* 1. XMLHttpRequest 객체 얻기 2. onreadystatechange 이벤트 핸들러 구현 3. 요청 정보 ( open() ) 4. 요청 보내기 (send() ) 5. 응답 처리 (Text(JSON), xml ) */ var httpReq=null; function getInstance(){ if(window.XMLHttpRequest){ //모든 브라우져 > XMLHttpRequest httpReq = new XMLHttpRequest(); }else if(window.ActiveXObject){ // success ,..
PAGE : 하나의 JSP 페이지를 처리할 때 사용되는 영역 REQUEST : 하나의 HTTP 요청을 처리할 때 사용되는 영역 (페이지당 1개) SESSION : '웹 브라우저'당 하나 APPLICATION : '웹 어플리케이션'당 하나
web.xml에서의 에러 처리404/error/error404.jsp 500/error/error500.jsp error-code에 해당하는 에러 발생시 설정한 location 페이지가 클라이언트에게 송출 ~.jsp에서의 에러 처리 DOCTYPE html>Insert title here전달받은 내용 : 에러 발생시 설정한 location 페이지가 클라이언트에게 송출 sample 에러 페이지
/* URI (Universal Resource Identifier) - 인터넷상의 자원을 식별하기 위한 표기법 및 규약- URL + URN = URI- 인터넷 환경에서 URI는 대부분 URL을 의미, URN은 사용이 제한적ex) URL : http://localhost:8080/TestBoard/JSPBoard/created.jsp URL (Uniform Resource Locator) - 물리적인 경로, 즉 자원의 위치 정보를 포함- 프로토콜, 도메인, 아이피, 포트 등- 컴퓨터로부터 접근 가능한 형태의 자원만 검색될 수 있어 제한적- 우리가 흔히 보는 'http://test.com/test.jpg' 형태 URN (Uniform Resource Name) - 독립적인 이름을 제공하기 위해 존재- 자원..
jsp:include >> 코드를 읽다가 를 만나면 지정된 페이지로 이동하여 그 페이지를 읽고 그 페이지의 리딩이 끝나는 순간 를 만나서 잠시 중단했던 페이지의 리딩을 다시 재개한다 그리고 다른 페이지를 읽게 되었을 때 기존에 사용하던 버퍼를 그대로 사용한다는 특징이 있다 Insert title here table , tr , td {border: 2px solid black; border-collapse: collapse;} 여기가 PAGE 실제 내용 게시판 jsp:forward include와 forward의 공통점은 request 객체를 공유할 수 있다는 것이 핵심이다. 하지만 forward의 경우 태그를 만나는 순간 버퍼를 모두 비워버리고 forward 대상의 페이지를 버퍼에 새로 담아 응답을 보..
web.xmlWebContent 안에 있는 모든 페이지가 공유할 수 있는 자원이면서 영향을 받는 설정이라고 볼 수 있다. 웹 어플리케이션 하나가 갖는 하나의 설정파일과도 같다. 웹 전체를 설정하고 여러가지 정보를 저장한다. 따라서 웹 어플리케이션 구동시 가장 먼저 web.xml을 읽게 된다. (클라이언트는 web.xml에 접근 할 수 없다. WEB-INF는 보안 폴더로 클라이언트가 접속할 수 없는 경로다) welcom-file-list index.jsp >> context root로 접근하면 띄워줄 defalut 페이지를 설정한다. 복수의 파일이 설정된 경우 맨 위에 있는 것이 우선권을 갖는다. Context-param 기본적인 설명을 하시면... email webmaster@bit.or.kr 파일 저장..
DOCTYPE html>WAS 내장 객체(out) // 스파게티 코드 5){%> IF(true): IF(false): // out 객체 활용 5){ out.print("IF(true):" + b2 + ""); }else{ out.print("IF(false):" + b2 + ""); }%> + out 객체 method 정리 print() - 데이터를 출력한다.println() - 데이터를 출력하고, \r\n(또는 \n)을 출력한다.newLine() - \r\n(또는 \n)을 출력한다. int getBufferSize() - 버퍼의 크기를 구한다.int getRemaining() - 현재 버퍼의 남은 크기를 구한다.clear() - 버퍼의 내용을 비운다. 만약 버퍼가 이미 플러시 되었다면 IOExcepti..
jsp 처리과정 클라이언트 요청시 ※ 요청 처리 서블릿 존재 ※ 요청 처리 서블릿 미존재 두 가지로 나눠서 실행되고 응답은 무조건 서블릿 클래스로 처리 Buffer Buffer 장점 1) 데이터 전송 성능 향상2) 버퍼가 다 차기 전까지 헤더 변경 가능3) JSP 실행 도중 버퍼를 비우고 새 내용 전송 가능 항상 기본값은 buffer="8kb" autoFlush="true" 이다 여기서 autoFlush의 true / false에 따라 처리방식이 아래와 같아 나뉜다 true - 버퍼가 다 찼을 경우 버퍼를 플러시하고 계속해서 작업을 진행한다.false - 버퍼가 다 찼을 경우 예외를 발생시키고 작업을 중지한다.
Tomcat이 가지고 있는 내장 객체이다. 1) 요청 페이지당 한 개의 request 객체 생성 생성원리 : request 내장 객체는 클라이언트에서 서버로 요청할때 생성되는 HttpServletRequest 타입의 객체가 생성되고 그 주소를 request라는 참조변수가 주소값을 갖게 되는 것이다 즉, 하나의 .jsp에는 하나의 request가 할당되고 요청 발생시 new로 HttpServletRequest가 생성되면서 request가 이것을 가리킨다 만약 데이터가 바뀌어 다시 요청하면 새로 만드는 것이 아니고 기존에 만든 것에 덮어 씌우고 재전송하게 된다 2) 클라이언트 정보를 서버로 전송 클라이언트 정보? : 입력값, 기본정보(브라우저 정보, ip정보) 3) .jsp에는 내장 response와 req..
/* Servlet : 웹을 서비스 할 수 있는 java 파일이며 HttpServlet을 상속하고 있다 웹을 서비스 하게 하는 java 파일이 Servlet인 것이다 웹용 자바파일이라고도 할 수 있으며 요청, 응답, 객체지향 코드가 자유롭다 jsp : Web UI(html) 기반 문서이고 화면(view)에 특화된 페이지 jsp의 목적은 화면 출력의 자유도를 높히는 것에 있다 * * * * * M : DTO(VO) DOMAIN, DAO(DB:CRUD) V : jspC : Servlet(index.java) ※ MVC 패턴의 핵심은 각각의 기술이 장점이 극대화 될 수 있는 분야에서만 집중해서 기능을 수행하도록 하는 것 ※ jsp가 화면 구성에 주 목적이 있지만 back단의 영역이다 * * * * * cf) ..
DOCTYPE html> Insert title here // json 포맷으로 jquery를 이용해서 html의 데이터 뽑아오기 $(function(){ var arr = [];// 제이슨 타입으로 값 넣기$('table>tbody>tr').each(function(){ arr.push( { // 제이슨에서는 아래 각각에 ; 붙이지 않고 , 로 연결처리 gredes: $(this).children().eq(0).text(), name: $(this).children().eq(1).text(), number: $(this).children().eq(2).text() } ); });console.log(arr); }); 기수이름번호 101th홍길동10 102th김유신20 103th유관순30 함수호출 DOC..
jquery basics jQuery each $(function () { //$(selector).each(function(index){this}) // p태그가 여러 개니까 배열로 가져오고 파라미터가 인덱스로 돈다 // (자바스크립트에서 'var index in ~' 과 유사) $('p').each(function(index) { // 인덱스를 파라미터로 설정함으로써 p태그 하나하나 돈다 console.log('index: ' + index); console.log('this: ' + $(this).text()); // .attr()을 이용해서 하나하나 돌 때에 id 와 같은 attribute 설정 가능 $(this).attr('id','param-' + index); // param-1, param..
jquery basics Selector // Jquery는 본질적으로 HTML의 Element를 조작하기 위한 것이다// 따라서 HTML 요소를 잡아오는 selector 가 매우 중요하고 jQuery의 모든 selector는// $로 시작하여 () 괄호가 따라온다./* $("*") Selects all elements $(this) Selects the current HTML element $("p.intro") Selects all elements with class="intro" $("p:first") Selects the first element $("ul li:first") Selects the first element of the first $("ul li:first-child") Select..
memberprint.jsp DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Insert title here memberDAO.javapackage com.jk; import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;import java.sql.Statement;import java.util.*; public class memberDAO { private String url = "jdbc:oracle:thin:@localhost:1521:xe"; private String uid =..
로그인, 회원가입, 회원정보 변경과 같은 일반적인 회원정보관리 사항을 구현해보는 강의였다 실습은 위에서 했던 것을 안하고 내가 설계한(더 간단하게) 것을 바탕으로 하였다 Home.jspInsert title here 회원가입 회원정보 변경 로그인 로그아웃 Hello~ Welcome to my homepage! login.jspInsert title here 아 이 디: 비밀번호: 회원가입 registration.jspInsert title here 회원가입(모두 입력해주시기 바랍니다) 아 이 디: 비밀번호: 휴 대 폰: 지 역: 서울 부산 울산 광주 대구 register.javaimport java.io.IOException;import java.io.PrintWriter; import javax.ser..
JDBC 요약 자바 프로그램 안에서 SQL을 실행하기 위해 데이터베이스를 연결해주는 응용프로그램 인터페이스를 말한다.자바 프로그램 내에서 데이터베이스 질의문 즉, SQL을 실행하기 위한 자바 API(application programming interface)이다. Java database connectivity의 약자로 생각하기도 하지만 실제로는 상표 이름이다. JDBC는 데이터베이스 및 애플리케이션 개발자들을 위한 표준 API를 제공하고 순수 자바 API만으로도 데이터베이스 응용업무를 만들게 해준다. JDBC를 사용하면, 어떠한 관계 데이터베이스(relational database)에서도 SQL문을 사용하기 쉽다. 즉, JDBC API를 사용하면 DB2, Sybase, Oracle, Informix,..
복습사항 1. 사용자 만들기2. 만든 사용자에 connect, resource 허가3. 만든 아이디로 접속하기4. 테이블 만들기 -> member 테이블이며 속성들은 id, pw, name, phone5. 아이디에서 모든 테이블 조회6. insert7. delete8. update9. drop10. select /*1. 사용자 만들기2. 만든 사용자에 connect, resource 허가3. 만든 아이디로 접속하기4. 테이블 만들기 -> member 테이블이며 속성들은 id, pw, name, phone5. 아이디에서 모든 테이블 조회6. insert7. delete8. update9. drop10. select*/ /* 1. 사용자 만들기 + 2. connect와 resource 허가*/ create ..
cf) setProperty, getProperty는 setter, getter 함수가 없으면 작동하지 않으며 setter, getter도 메소드 명이 자동완성 했을 때 만들어지는 공식적인 setter, getter와 같이 이름이 정확히 같아야 한다 public void setEmpno(int empno) { this.empno = empno;} public String getEname() { return ename;} 이렇게 정확하게 setter, getter의 메소드 명이 자동완성 시와 같아야 setProperty, getProperty가 작동한다 Insert title here 이름 : 나이 : 전공 : package javabeanTest; public class Student { private ..
예외처리를 하는 방법은 page 지시자를 사용하는 방법과 web.xml을 사용하는 방법이 있다 1) page 지시자 활용한 예외처리 error.jsp DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Insert title here errorprint.jsp DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Insert title here 에러발생 2) web.xml 지시자 활용한 예외처리 javabeanTest index.html index.htm ..
정리 1) WAS 상에 만들어지는 객체이므로 보안에 강하고 용량에 제한이 없다2) 브라우저 하나당 유니크한 객체 1개를 자동으로 jsp 컨테이너가 만든다 session을 이용한 회원 로그인 예제 실습 login.htmlInsert title here 아 이 디 : 비밀번호 : loginCK.jspDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Insert title here welcom.jspDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Inse..