전체 글 131

Session Tracking : 상태 정보 유지기술

SessionTracking : 상태 정보 유지기술 (쿠키/세션) Cookie / Session / Storage 쿠키 : 클라이언트쪽 정보유지 세션 : 서버쪽 정보유지 왜 해야되는가? Http는 요청/응답/연결끊김의 구조이다. 클라이언트와 서버측에서 연결이 끊겨 있음. 계속 연결 되어 있는것 처럼 보일 필요가 있음. 로그인 성공 후 , 상품조회 , 장바구니 넣기를 이용하여 저장하려고 함. 서로 다른 서블릿 1.첫번째 서블릿을 요청하여 로그인 성공 응답을 받음 2. 장바구니 넣기 작업을 해서 장바구니 담기 성공 응답 받음 3. 결제하기를 또 다른 서블릿 요청 (로그인 성공한 사용자 / 로그인 안 한 사용자 구분 필요) 연결이 끊어진 구조이기 때문에 로그인 성공된 정보를 기억할 수 없음. (웹서버는 기억력..

개발 공부/WEB 2023.07.13

jsp / Servlet

Servlet? 웹 클라이언트의 요청을 처리할 수 있는 클래스. HttpServlet을 상속하여 만들어짐 jsp파일-> Servlet으로 동작 기존방식 - 클라이언트의 요청을 jsp파일로 받음 서블릿 - 클라이언트의 요청을 Servlet으로 직접 받음 MVC패턴 Model - Java View - JSP파일 (보여지는 용도) Controller - Servlet (요청을 처리하는 역할) HTML/CSS/JS - 정적 사이트 JSP(Java) - 동적사이트 사용자의 입력을 위해 페이지가 필요하고, 입력한 내용이 처리되려면 특정 jsp파일로 요청을 해야만 함 jsp파일 하나가 사용자의 입력을 받을 수 있고, 입력받은 내용으로 서버에 전달하게 됐을때 입력받은 내용들을 서버로 요청하여 서버에서 이 데이터를 받아..

개발 공부/WEB 2023.07.12

redirect / forward

redirect request객체는 응답 후 바로 사라 짐. 서버측에서 header값만 응답. 응답받아서 요청하는 구조 클라이언트에서 재요청하도록 응답 header설정필요 response.sendRedirect("http://www.naver.com"); 클라이언트 측의 주소 url이 변경 된다 http://localhost:8888/back/a 에서 http://www.naver.com 으로 주소구조가 바뀜 ex) 소셜 인증 forward RequestDispatcher rd; rd = request.getRequestDispatcher("/c"); rd.forward(request.response); 기존페이지에서 사용되었던 request의 parameter와 attribute를 forward에서 사..

개발 공부/WEB 2023.07.11

Servlet

확장자가 .java인 파일 자바의 일반적인 클래스와 동일한 개념 웹을 다룰 수 있도록 해주는 "HttpServlet"클래스를 상속받은 클래스를 의미 웹서버에서 서블릿/JSP 실행 불가. 서블릿/JSP실행기가 있어야 실행 가능 서블릿/JSP실행 엔진용 WS : 톰캣, 레진, 웹로직/웹스피어/제우스 - 웹로직/웹스피스/제우스 (톰캣X) WAS (WebApplicationServer) : WebServer + ApplicationServer + 다양한서비스 웹서버연동 : 톰캣 + 아파치 / 톰캣 + IIS / 톰캣 + nginx ------------------------------------------------------------------------------------------------------..

개발 공부/WEB 2023.07.10

ajax / jquery

getCurrentPosition( ) : 현재 위치 확인 가 watchPositon( ) : 변경되는 위치 확인 가능 doPost( ) 자동 호출 String a = request.getParameter("id"); SOP (a) = abc // id에 입력한 값이 나옴. servlet을 요청하면 서버에서 servlet이 실행 됨 1.응답 형식을 결정 response.setContentType("text/html;charset=utf-8"); 2.응답 출력 스트림 얻기 PrintWriter out = response.getWriter(); 3. 응답 내용 출력 out.print(id + "가입성공"); 렌더링 엔진: 기존 내용을 싹 지우고 (clear) 화면에 보여줌 XMLHttpRequest 1. 요..

개발 공부/WEB 2023.07.05

JavaScript

The Tag , 작성 가능 생략 가능하나, 쓰기를 권장 var : 일반 변수 선언 할 let : 블럭 내의 변수 const : 상수 ( 값, 자료형을 유지하고 싶을 때 - 변경 불가) 문자열 " " , ' ' 둘 다 가능 문자열 결합 : +로 결합 주석 //, /* */ 사용 대, 소문자 구분 필요 대입연산자 : = 비교할 때 : == var carName = "Volvo"; var carName; document.getElementById("demo").innerHTML = carName; 변수 선언할 때 값을 넣지 않은 경우 기존 값("volve")이 나오고, 두번 째 변수에 값을 입력하면 덮어 씌워짐 문자열로 시작하면 문자열로 결합 됨. 결과 값 : 523 결과 값 :73 자바와 차이점 1/3 (..

개발 공부/WEB 2023.07.03

CSS

선택자의 종류가 많음. * : 모든 element에 적용됨 태그 이름으로 선택자를 사용할 수 있음. 클래스명은 앞에 . 을찍어줘야 함. table에서 바로 td를 찾아감 div의 변형 중복된 border 1px solid를 style태그안에 묶어서 넣어줌 h1, p (selector : 선택자) : 스타일이 적용될 태그 h1, p { border:1px solid;} id, class, name 속성을 구분 할줄 알아야 함 id 속성: 태그를 식별하기 위한 것이기 때문에 중복 하면 안 됨. ex) #div2{ background-color: #ffccff; } #div2 id속성 값이 div2인 태그값에 #컬러를 적용하라 name : 사용자가 입력한 값을 서버로 전송할 때 필요한 이름 .dotted1{ ..

개발 공부/WEB 2023.06.29

Web HTML

World Wide Web = WEB W3C : 웹 표준단체 MarkUp언어 : 태그로 구성된 언어 (SGML) SGML의 subset(XML 데이터 구조화, HTML 데이터 표현) CS프로그램 단점 : client와 server각각 관리 장점: 프로토콜을 알고 있는 client만 결과를 가져갈 수 있다. 보안 안전. 웹에 비해 처리속도 빠름. ex) 금융 웹의 기본 표준 프로토콜 : HTTP (기본포트 80) 웹의 기본 표준언어 : HTML device형태에서 보일 수 있다 => N.screen (저성능/고성능 가능) 네트워크 연결되어 있지 않아도 웹브라우저만 있으면 실행 가능 유지 보수 차원에서 Webserver하나만 관리 Servlet / JSP 동적프로그램 정적 프로그래밍 : HTML/ CSS/ ..

개발 공부/WEB 2023.06.27

COMMIT / ROLLBACK

스냅샷 (자료구조) : 실제 db자료를 자료구조화 시킨 것. 수정,삭제를 해도 db자료에서 되는 것은 아님. 안전하게 종료되지 못 한 상황이 되는 경우 commit보장되지 않음. commit : 각 행자료와 비교내용이 있으면 변경된 내용이 데이터베이스에 처리해서 저장하는 기능 transaction : 일 처리 작업 단위. 트랜잭션이 없는 경우 insert를 처음하게 될때 생기고 commit하게 되면 완료 됨 => db반영 - 원자성 - 일관성 - 격리성 - 지속성 ex) 계좌 이체작업 ( 101계좌에서 10출금 -> 102계좌로 10입금 ) CREATE TABLE account (no varchar2(3) primary key, balance number(6)); INSERT INTO account(no..

개발 공부/SQL 2023.06.20