본문 바로가기
728x90
반응형

Java Web Programming/4. JSP29

[JSP/MVC] 커뮤니티 게시판 웹 어플리케이션 - 게시글 관리 (Model2 Pattern) [ 요구 사항 ] Model2 MVC 기반 커뮤니티 게시판 비로그인 상태에서는 '게시판 리스트' 정보만 제공된다. 상단부 화면에서 '로그인 할 수 있는 폼'이 제공된다. '게시판 리스트'에서는 '게시물 번호', '제목', '작성자', '작성일', '조회수'가 제공된다. 또한 게시물을 최신 등록순으로 정렬되어 제공된다. 로그인 상태에서는 상단부 로그인 폼 대신 '홈' 링크, '글쓰기' 링크, '사용자 이름'과 '로그아웃' 링크가 제공된다. 상단부에 '게시판 리스트' 부분에 '제목'이 링크로 활성화되어, '게시글 상세보기'가 제공된다. 1) '게시물 상세보기'에서는 '게시물 번호','제목', '작성자', '작성일시', '조회수', '게시물 본문 내용'이 제공된다. 2) '게시판 리스트' 화면에서는 '게시글 .. 2020. 10. 2.
[JSP] 장바구니 웹 어플리케이션 (세션 이용) '회원관리 웹 어플리케이션' 포스팅 에서 이어지는 포스팅입니다. > 위 회원관리 웹 어플리케이션을 이용하여, 장바구니 웹 어플리케이션을 만들기 위한 준비 ! 붙여넣기 2. 새로 복제된 프로젝트의 이름 변경 (webstudy35-jstl-item-inst -> webstudy36-cart 로) 3. webstudy36-cart 프로젝트에 오른쪽 마우스 클릭해서 properties 들어가기 4. Location 오른쪽 끝 옆 파일 이모티콘 클릭 5. webstudy36-cart > .setting > org.eclipse.wst.common.component 열기 6. 아래 세 부분을 'webstudy36-cart'로 변경 7. 다시 이클립스로 돌아와 'webstudy36-cart' 오른쪽 마우스 클릭 > .. 2020. 9. 23.
[JSP] 회원관리 웹 어플리케이션 3 (layout-한가지로, home에 기본 main화면 제공) + (로그인, 로그아웃, 회원가입, '회원관리 웹 어플리케이션 2 ' 포스팅 에서 이어지는 포스팅으로, 장바구니 기능을 하는 웹 어플리케이션 프로그램이다. [ 구성이 달라지는 점 ] 1. layout.jsp를 한 가지로 합침 1) login 시 - [ ]님 로그인 / 로그아웃 링크 2) login 아닐 시 - 로그인 폼 2. home의 main 화면을 켜자마자 item 목록 리스트 보여주기 - home.jsp 수정 + HomeController에 item 목록 리스트 보여주는 기능 추가하기 [ 프로그램 진행 원리 및 개요 ] 웹 페이지에서 동적으로 이동되는 부분(메인 화면)만 새로 업데이트하여 보여주기 위하여, 전체적인 layout을 잡아두고, 메인 화면에 기능에 따른 새로운 view(jsp)를 할당하여 동작하도록 한다. 기능 1. lay.. 2020. 9. 22.
[JSP] 회원관리 웹 어플리케이션2 - layout 두 가지 (로그인 + 회원가입 + 회원정보 수정 + 경로 + EL/JSTL + BootStrap + Model2 설계) '회원관리 웹 어플리케이션' 포스팅 에서 이어지는 포스팅으로 아래 기능이 추가되었다. 1. layout.jsp를 두 경우로 나눔 1)login-layout.jsp - 로그인 시 보여지는 view 2)layout.jsp-로그인을 안 했을 때 보여지는 view 2. login-layout.jsp 상태에서 회원정보 수정 - VO 정보와 session의 VO 정보 둘 다 수정 [ 프로그램 진행 원리 및 개요 ] 웹 페이지에서 동적으로 이동되는 부분(메인 화면)만 새로 업데이트하여 보여주기 위하여, 전체적인 layout을 잡아두고, 메인 화면에 기능에 따른 새로운 view(jsp)를 할당하여 동작하도록 한다. 1. layout 화면을 로그인/비로그인으로 나누어 제공 기능 2 : 로그인 상태에서 회워정보 수정 기능.. 2020. 9. 21.
[JSP] 회원 관리 웹 어플리케이션 (EL/JSTL 적용, 웹 프로그램 경로, BootStrap + Model2 설계) [ 웹 프로그램 경로 ] > Client client 측에 도달되는 HTML, CSS, JavaScript는 / 를 명시할 경우 port 다음으로 정보를 찾게 된다. > Server sever 측에서 실행되는 , (or JSTL )는 / 를 명시할 경우 자신의 웹 컨텍스트(웹 어플리케이션 명) 다음에서 정보를 찾게 된다. > 즉, html, javaScript, css 는 ${pageContext.request.contextPath}/ 를 명시해서 - 절대경로 웹 어플리케이션 아래에서 정보를 찾게하면 된다. [ 프로그램 진행 원리 및 개요 ] JSTL / EL 표현 + Model2 설계방식 ( + MVC / Singleton / Front Controller Pattern 적용) + Bootstrap +.. 2020. 9. 18.
[JSP] EL / JSTL 표현식 한 방에 정리 ! (문법과 사용방법) EL과 JSTL을 사용하는 이유? 1. design tool에서는 jsp 코드가 깨질 수 있다. [ EL ] EL 이란? Expression Language의 약자 JSP 2.0에서 새롭게 추가된 스크립트 언어 기존의 Script tag의 표현식() tag에서 업그레이드된 버전 ( ${ 정보 } ) [ 주요 특징 ] 1) JSP 속성영역 (request, response, session, application) 저장된 속성 객체의 property를 출력한다 2) 리터럴 데이터, 다양한 연산결과 출력이 가능하다 3) JSTL과 연동이 가능하다 [기존 방식 예 : scriptlet 스클립틀릿] [EL 방식 예] ${requestScope.mvo.name} ${mvo.name} requestScope는 생략이.. 2020. 9. 16.
[JSP] Semi-Project | Model2 MVC 기반 고객관리 웹어플리케이션 (회원가입, 로그인) [ 요구사항 ] 고객은 해당 사이트에 회원 가입이 가능하다. > 회원가입 시, 입력해야 하는 정보는 '아이디', '패스워드', '이름', '주소', '생년월일'이다. > 추가로 시스템 상에서 '가입일시'는 자동으로 자장되도록 한다. > 회원 가입 시, 아이디 중복 확인은 반드시 필요하다. 회원 가입 후 로그인하면, 1) "[고객명]님" 메세지를 제공하고, 2) 마이페이지 링크를 제공한다. 마이페이지에서는 아래와 같이 정보를 제공한다. 아이디 : [아이디] 이름 : [이름] 주소: [주소] 생일 : [연도.월.일] (만 [만나이] 세) 가입일시 : [연도.월.일 시:분:초] 사이트에 고객이 접속했을 때, 첫 화면(welcome file)에서는 아래와 같이 가입한 고객 인원이 제공된다.(DB 바로 연동하여 .. 2020. 9. 16.
[UML] Use Case Diagram (유즈케이스 다이어그램) [ Use Case Diagram (유즈케이스 다이어그램) ] : 요구분석을 위한 UML : 시스템에 요구되는 기능을 사용자 관점에서 나타낸 다이어그램 ​ ​ Use Case : 사용자 관점의 기능 단위(서비스단위) ​ Actor : 시스템 외부에 존재하면서 시스템과 상호작용하는 개체 (ex-고객 , 관리자) UseCase Diagram 예제 : 포함 관계 기본 유즈케이스가 실행되기 위해서는 반드시 다른 특정 유즈케이스의 행위를 포함해야 한다는 것을 의미한다. include 책대여 -----> 회원 인증 (책을 대여하기 위해서는 반드리 회원 인증이 필요하다) ​ 유즈케이스가 특정 유즈케이스에 정의된 행위로 선택적으로 추가 확장될 수 있다는 것을 나타낸다. extend 책대여 2020. 9. 15.
[JSP] Include Action Tag - 페이지 모듈화 [ Include Action Tag ] 페이지 상에 동적인 페이지와 정적인 페이지를 구분하여, 효율을 높이기 위한 jsp tag이다. (Tiles Framework도 이와 같은 기능을 한다.) 기본 문법 * include 대상 파일은 실제 필요한 부분 (html 부분) 만 기술한다. ( + jsp 선언부 ) (그렇지 않으면 '페이지 소스보기'에서 보았을 때 확인할 수 있듯, html이 header, main, footer 등 여러 개로 얽힐 수 있다.) 적용 예제 (+bootstrap nav, grid) /header.jsp nav 적용 WebSiteName Home Page 1 Page 2 Page 3 /main1.jsp 메인1 화면입니다. /main2.jsp 메인2 화면입니다. /footer.jsp.. 2020. 9. 15.
728x90
반응형