본문 바로가기

전체 글

(111)
[JSP 웹 프로그래밍] 쿠키(cookie) 1. 쿠키의 개요 클라이언트와 웹 서버 간의 상태를 지속적으로 유지하는 방법쿠키는 세션과 달리 상태 정보를 웹 서버가 아닌 클라이언트에 저장 •예를 들어 어떤 웹 사이트를 처음 방문한 사용자가 로그인 인증을 하고 나면 아이디와 비밀번호를 기록한 쿠키가 만들어지고        그 다음부터 사용자가 그 웹 사이트에 접속하면 별도의 절차를 거치지 않고 쉽게 접속할 수 있음클라이언트의 일정 폴더에 정보를 저장하기 때문에 웹 서버의 부하를 줄일 수 있다는 것이 장점반면에 웹 브라우저가 접속했던 웹 사이트에 관한 정보와 개인 정보가 기록되기 때문에 보안에 문제가 있음쿠키의 동작 과정❶ 쿠키 생성 단계: 주로 웹 서버 측에서 생성. 생성된 쿠키는 응답 데이터에 함께 저장되어 웹 브라우저에 전송됨❷ 쿠키 저장 단계: ..
[웹 쇼핑몰] 장바구니 페이지 만들기 상품 클래스에 멤버 변수 추가하기 ProductVO   추가된 멤버 변수의 Setter/Getter() 메소드 작성하기 ProductVO  상품 상세 정보 페이지 수정하기 product.jsp 장바구니에 등록하는 페이지 작성하기:addCart.jsp" + productId + ""); //trim() : 공백제거 //addCart.jsp or addCart.jsp?productId= if(productId == null || productId.trim().equals("")) { response.sendRedirect("products.jsp"); //여기 이후 실행 안함 return; } //기본키인 P1234 코드의 상품을 찾아보자 //싱글톤 패턴으로 객체를 1회 생성 ProductRepos..
[Python] React React란?React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있다.싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있다.즉, 현재 많이 활용되고 있는, 웹/앱의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼 수 있다.React의 필요성?react를 사용하지 않아도, html과 css, javascript를 이용해서 웹 페이지를 만들 수 있지만, react를 이용해 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있기 때문에 많이 이용되는 것 같다.React의 특징React의 특징은 크게 다음과 같이 구분해보았다.1. Dat..
[JSP 웹 프로그래밍] 세션(session) 1. 세션의 개요 세션(session)클라이언트와 웹 서버 간의 상태를 지속적으로 유지하는 방법 •예를 들면 웹 쇼핑몰에서 장바구니나 주문 처리와 같은 회원 전용 페이지의 경우 로그인 인증을 통해 사용 권한을 부여 •다른 웹 페이지에 갔다가 되돌아와도 로그인 상태가 유지되므로 회원 전용 페이지를 계속 사용할 수 있음 •이렇게 사용자 인증을 통해 특정 페이지를 사용할 수 있도록 권한 상태를 유지하는 것웹 서버에서만 접근이 가능하므로 보안 유지에 유리하며 데이터를 저장하는 데 한계가 없음 오직 웹 서버에 존재하는 객체로 웹 브라우저마다 하나씩 존재하므로 웹 서버의 서비스를 제공받는 사용자를 구분하는 단위가 됨(즉, 크롬, Microsoft Edge, 웨일 등 각 웹브라우저의 세션 아이디가 다르다. 하지만 같..
[웹 쇼핑몰] 로그 기록하기 로그 기록 파일의 저장 폴더 만들기: C 드라이브에 log 폴더를 생성Filter 인터페이스의 구현 클래스 작성하기 LogFilter.javapackage filter;import java.io.IOException;import java.text.DateFormat;import java.text.SimpleDateFormat;import java.util.Calendar;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import javax.servlet..
[Python] Vue - CRUD 설치기존 프로젝트에서 axios로 서버와 통신 하기 위해서는 이를 node_modules에 설치해야한다. 이때 다음과 같은 명령어를 사용하면 된다. npm install axios 이후 /node_modules에 axios가 추가된 것을 확인할 수 있다.vue 에서 사용 시 import axios from "axios"를 해야 한다.     - static안에 있는 파일은 vue에서 배포 받은걸 저장한 파일이다.    daoemp.pyimport pymysqlclass DaoEmp: def __init__(self): self.con = pymysql.connect(host='127.0.0.1', port= 3305, user='root', password='python', ..
[Python] Svelte - MVVM 패턴 으로 CRUD 1. flask_cors 모듈을 설치해야 합니다. pip install flask_cors  2. 해당 모듈을 app.py에 import로 불러와서 적용합니다. from flask_cors.extension import CORSapp = Flask(__name__, static_url_path="", static_folder="static")CORS(app)  emp.svelte 사번 이름 성별 주소 {#each mylist as e} {e.e_id} {e.e_name} {e.gen} {e.addr} {..
[JSP 웹 프로그래밍] 필터(filter) 1. 필터의 개요 필터(filter)클라이언트와 서버 사이에서 request와 response 객체를 먼저 받아 사전/사후 작업 등 공통적으로 필요한 부분을 처리하는 것클라이언트의 요청이 웹 서버의 서블릿, JSP, HTML 페이지 같은 정적 리소스에 도달하기 전과, 반대로 정적 리소스에서 클라이언트로 응답하기 전에 필요한 전처리를 가능하게 함필터는 HTTP 요청과 응답을 변경할 수 있는 코드로 재사용 가능클라이언트와 정적 리소스 사이에 여러 개의 필터로 이루어진 필터 체인을 제공하기도 함  2. Filter 인터페이스의 구현 클래스 Filter 인터페이스필터 기능을 구현하는 데 핵심적인 역할을 함클라이언트와 서버의 리소스 사이에 위치한 필터의 기능을 제공하기 위해 자바 클래스로 구현해야 함   init..