혜야의 코딩스토리

☕Cozy Home Cafe 홈카페 소품 온라인 쇼핑몰 📌개발 목표 DB와 연동하여 CRUD 기능이 있는 웹서버 프로그램 구현 📌구현 기능 회원 관리 상품 관리 장바구니 관리 게시판 관리 📌개발환경 HTML 삽입 미리보기할 수 없는 소스 📌향후 개선사항 회원가입 시 아이디 중복확인 기능 구현 OK! 조건 별 상품 정렬 기능 구현 결제/주문 기능 구현 🎈깃허브 https://github.com/hyeya418/semi-project 🎈시연 영상 https://youtu.be/awX-Zp6oQH4

웹은 현재 작업중인 페이지에서 다른 페이지로 이동하기 위해 2가지 페이지 전환 기능을 제공합니다. 오늘은 2가지의 페이지 전환 방법의 차이와 사용법에 대해 알아보도록 하겠습니다. 1. Forward 방식 [ Forward 방식 ] Forward는 Web Container 차원에서 페이지의 이동만 존재합니다. 실제로 웹 브라우저는 다른 페이지로 이동했음을 알 수 없습니다. 그렇기 때문에 웹 브라우저에는 최초에 호출한 URL이 표시되고, 이동한 페이지의 URL 정보는 확인할 수 없습니다. 또한 현재 실행중인 페이지와 forward에 의해 호출될 페이지는 Request 객체와 Response 객체를 공유합니다. 위와 같이 Foward는 다음으로 이동 할 URL로 요청정보를 그대로 전달합니다. 그렇기 때문에 사..

✏️JSP의 내장 객체request : 사용자의 요청을 처리response : 서버의 응답session : 사용자의 인증 정보(로그인~로그아웃) 저장out : 웹 브라우저에 출력 처리application : 서버의 정보 저장exception : 에러 처리config : jsp의 환경 정보page : 현재 페이지✏️JSP 내장변수의 사용 범위pageContext : 현재 페이지request : 요청+응답 페이지 (2페이지 => form요청 페이지1, 응답 페이지1)session : 사용자 변수 (로그인~로그아웃 할 때까지 참조)✏️JSP의 개발 방식🎈Model1 방식 : JSP page 안에 자바 코드 작성 ( 요즘 사용 X)🎈Model2 (MVC 패턴) 방식 : jsp page 와 java code ..

✏️서블릿(Servlet) : 서버에서 실행되는 자바코드서블릿의 호출 방식get방식   => doGet() 실행post방식 => doPost() 실행web.xml을 이용한 서블릿 매핑 방법//web.xml : 배치기술서(deploy descriptor), jsp 프로젝트의 중요 정보들이 기록됨서블릿의 별칭서블릿 클래스 이름서블릿의 별칭서블릿을 호출할 url✏️ JSP(Java Server Pages) : server에서 실행되는 자바 웹페이지자바 기반 스크립트 언어자바의 기능을 그대로 사용 가능HTTP에 대한 클라이언트의 요청 처리/응답웹 애플리케이션에서 결과 화면을 생성할 때 주로 사용jsp는 내부적으로 servlet으로 변환되어 실행된다.jsp의 배포 디렉토리 : 이클립스에서 작업하는 폴더(개발용 폴..

✏️jQuery 자주 사용되는 자바스크립트 라이브러리 write less, do more 라는 캐치-프레이즈(catchphrase)를 내세움 코딩량이 매우 절감됨 2006 년 존 레식(John Resig)이 발표 https://jquery.com/download/ 에서 Download the compressed, production jQuery 3.x.x 선택 후 마우스 우클릭하여 "다른이름으로 링크 저장" 후 이클립스에 복사(/web02/src/main/webapp/include/jquery-3.x.x.min.js) ✏️jQuery 구조 $( function() { //jQuery 코드 블럭 // 실행할 코드 }); ✏️이벤트 처리 $(선택자).이벤트(함수); //한개의 이벤트 처리 $(선택자).bin..

✏️ document 객체 : 웹문서의 최상위 객체 id로 요소 찾기 : getElementById("태그의 id") 태그.innerHTML : 태그 내부의 내용 태그.value : 태그의 입력값 태그의 속성 변경 : 태그.src = "값" document.getElementById("img2").src = "poodle.png"; 태그의 스타일 변경 : 태그.style.속성이름 = "속성값"; document.getElementById("img2").style.color = "blue"; ✏️ window 객체 팝업창 열기 : window.open( url, 윈도우의 name, 옵션); 타이머 설정 : setTimeout(), setInterval() setTimeout( 코드, 밀리세컨드 ) 한번만 ..

📌 목차1. 서블릿(Servlet)이란?2. 서블릿의 동작 과정3. 서블릿의 생명주기4. 서블릿 컨테이너✏️ 1. 서블릿(Servlet)이란?- 서블릿(Servlet)이란 동적 웹 페이지를 만들 때 사용되는 자바 기반의 웹 애플리케이션 프로그래밍 기술이다.- 서블릿은 웹 요청과 응답의 흐름을 간단한 메서드 호출만으로 체계적으로 다룰 수 있게 해준다. - 서블릿은 서버에서 실행되다가 웹 브라우저에서 요청을 하면 해당 기능을 수행한 후 웹 브라우저에 결과를 전송한다.-  예를 들면 로그인 시도를 할 때, 서버가 클라이언트에서 입력되는 아이디와 비밀번호를 확인하고 결과를 응답하는데 이러한 역할을 수행하는 것이 서블릿이다.✏️ 2. 서블릿의 동작 과정클라이언트가 웹 서버에 요청하면 웹 서버는 그 요청을 톰캣과..

✏️ get 방식 get방식은 서버로부터 정보를 조회하기 위해 설계된 메소드이다. www.tistory.com/resources?name1=value1&name2=value2 -get방식은 요청을 전송할 때 필요한 데이터를 body에 담지 않고, 쿼리스트링을 통해 전송한다. -get방식은 간편하다는 장점이 있지만 어떤 데이터를 전송하는지 노출되므로 보안상으로 좋지 않다. //쿼리스트링 : url의 끝에 ?와 함께 이름과 값으로 쌍을 이루는 요청 파라미터 get 특징 서블릿에 데이터를 전송할 때는 데이터가 url 뒤에 name=value 형태로 전송된다. 여러 개의 데이터를 전송할 때는 '&'으로 구분해서 전송된다. get 요청은 캐시가 가능하다. get 요청은 브라우저 히스토리에 남는다. 보안이 취약하다..

✏️ XML XML은 EXtensible Markup Language의 약자로 HTML과 비슷한 문자 기반의 마크업 언어이다. XML은 HTML처럼 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달할 목적으로만 만들어졌다. 1 kim 010-1234-5678 XML의 장점 사람도 컴퓨터도 쉽게 읽을 수 있다. 시스템 및 애플리케이션간에 문서 전송이 가능하다. 서로 다른 플랫폼 간에 데이터 교환이 가능하다. HTML에서 데이터를 분리한다. 플랫폼 변경 프로세스를 단순화한다. XML의 단점 처리 응용 프로그램이 필요하다. XML 구문이 중복된다. 데이터 구별을 위한 태그를 사용해 크기가 증가한다. JSON에 비해 파싱이 느리다. //파싱(Parsing) : 데이터를 형식에 맞도록 분석하는 과정 ✏️JS..