스노의 머신러닝 스터디 정리

팀원들이랑 기존의 파리바게뜨 홈페이지를 MV2패턴으로 재설계해보았습니다.

미니 프로젝트1 - JSP를 이용하여 MVC2 패턴으로 홈페이지 재구성

제작 날짜 : 7월 1일 ~ 7월 8일

주제 선정 : 파리바게뜨 홈페이지 재구성해보기

주제 선정 이유

- 자바를 배운 지 별로 안되었을 때, 이것저것 해보고 싶어서 다양한 게시판이 있는 홈페이지를 골랐습니다.

프로젝트 명 : MVC2 파리바게뜨 홈페이지

문제점 : 팀원 모두 코딩을 배운 지 1개월도 안되었을 때라 역할분담이 제대로 나눠지지 않았습니다.

해결방법 : 시간을 갈아넣기..... (이 프로젝트 기간동안 새벽 2시 전에 집에 가본 적이 없었습니다.)

맡았던 역할

- 관리자 페이지(제품)

   - 제품 제거

   - 제품 추가

   - 제품 검색

   - 제품 분류

- 마이페이지 중 일부

   - 회원 탈퇴

시연 영상

https://youtu.be/GmAzvs6g3ns

쿠키와 세션은 사용자의 정보를 지속적으로 유지하기위해 사용됩니다.

[쿠키]

쿠키는 클라이언트 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일입니다.  쿠키에는 이름, 값, 만료날짜, 경로 정보가 들어있습니다.쿠키는 서버가 아 클라이언트의 일정 폴더에 정보를 저장하기 때문에 서버의 부하를 줄일 수 있지만 사용하고자 하는 정보를 기록하면 사용자의 컴퓨터에 그대로 남기 때문에 보안에 결점이 있고 쿠키의 양이 정해져 있습니다.

[세션]

서버에서 웹 클라이언트에 ID를 발급하고 서버에 해당 ID에 대한 상태를 저장하여 클라이언트의 상태를 유지하는 방법입니다. 세션은 JSP에서만 접근 가능하여 쿠키보다 보안 유지에 좋고, 저장 할 수 있는 데이터에 한계가 없습니다. 서버에서 ID별 상태를 저장해야하기 때문에 해당 id를 받아 처리해야하는 리소스와 저장하는 저장 공간 리소스가 필요하게 되어 서버에 무리가 될 수 있어 속도가 느려질 수 있습니다.

[Scope의 정의]

JSP에서 제공하는 내장 객체 중 Page, Request, Session, Application 객체는 웹 서버에서 객체 또는 변수가 생성된 후 유효 범위 안에서 필요한 객체들을 저장하고 읽어 들임으로써 서로 공유할 수 있는 특정한 영역을 가지고 있습니다.

[Page 영역]

하나의 JSP페이지를 처리할 때 사용되는 영역으로 해당 페이지가 클라이언트에 서비스를 제공하는 동안에만 유효합니다. Page는 따로 내장된 객체가 없기 때문에 pageContext객체를 이용하며 하나의 page 안에서 입출력이 모두 이루어집니다. 

영역 객체 - pageContext

[Request 영역]

하나의 HTTP요청을 처리할 때 사용되는 영역으로 클라이언트의 요청이 처리되는 동안 유효합니다. 웹 브라우저의 주소에 url을 입력하거나 링크를 클릭해서 페이지를 이동할 때, 웹 서버에 전송되는 요청이 하나의 request 영역이 됩니다.  request 영역은 하나의 jsp 페이지만 포함하는 page 영역과는 다르게 하나의 요청을 처리하는 데 사용되는 모든 jsp 페이지를 포함시킵니다.

영역 객체 - request

[Session 영역]

하나의 웹 브라우저와 관련된 영역입니다. 세션이 유지되는 동안 유효합니다. 세션이 생성되면 하나의 웹 브라우저와 관련된 모든 요청들이 하나의 session 영역에 포함됩니다. session 영역은 request 영역보다 범위가 크기 때문에 여러 페이지에 데이터를 저장하고 가져올 수 있습니다.

영역 객체 - session

[Application 영역]

웹 어플리케이션이 시작되고 종료될 때까지의 영역입니다. 웹 애플리케이션이 실행이 되는 동안 유효합니다.

영역 객체 - application

JSP 문서 페이지를 이동하여 값을 전달할 때 한글이 깨질 경우 수정하는 방법을 알아보겠습니다.

[ GET ]

get에서는 Project Explorer에서 Servers->Tomcat v9.0 Server at localhost-config->server.xml 을 엽니다.

자신 서버에 맞는 포트번호를 찾아서 URLEncoding="UTF-8" 를 추가 시킵니다.

[자신 서버에 맞는 포트번호 찾는 방법]

하단의 Servers에 있는 localhost를 좌클릭 두번하셔서 나오는 창에서 확인하실 수 있습니다.

[ POST ]

post에는 JSP에 다음의 코드 중 하나를 추가하면 됩니다.

<% request.setCharacterEncoding("UTF-8"); %>

<% request.setCharacterEncoding("EUC-KR"); %>

위 코드들은 각각 UTF-8 과 EUC-KR을 인코딩하겠다는 의미입니다.