H omework #3 - 페이지 모듈화 및 로그인처리 -

1. Homework #3- 페이지 모듈화 및 로그인처리 - Internet Computing Laboratory @ KUT Youn-Hee Han

2. 파일 구성 및 URL • 다음의 URL을 고려함 • http://icl.kut.ac.kr:8088/~uxxxxxxxxxx/index.jsp?cp=intro • http://icl.kut.ac.kr:8088/~uxxxxxxxxxx/index.jsp?cp=photo • … • 위와 같은 형식으로 최소 3개 이상의 URL을 고려하여 Contents 작성 • index.jsp 작성법 • 교재 P.193의 리스트 8.9의 info_proc.jsp와 비슷 • cp의 값인 intro, photo등을 intro.jsp, photo.jsp로 매핑시켜 처리 • 즉, 교재 예에서 /info_view.jsp 대신에 intro.jsp 또는 photo.jsp으로 동적으로 할당되게 함. Web Programming

3. 레이아웃 • template.jsp에서 구성할 레이아웃 예제 • 교재 192 페이지 리스트 8.8 참고 header.jsp sidebar.jsp intro.jsp, photo.jsp, … … footer.jsp Web Programming

4. 회원 가입 • 회원가입 처리 • 교재 10장을 최대한 활용하여 자바빈으로 처리 sidebar.jsp Web Programming

5. 메뉴 구성 • sidebar.jsp의 메뉴 구성 소개사진첩… … http://icl.kut.ac.kr:8088/~uxxxxxxxxxx/index.jsp?cp=intro http://icl.kut.ac.kr:8088/~uxxxxxxxxxx/index.jsp?cp=photo http://icl.kut.ac.kr:8088/~uxxxxxxxxxx/index.jsp?cp=.... http://icl.kut.ac.kr:8088/~uxxxxxxxxxx/index.jsp?cp=.... Web Programming

6. 로그인 처리 • sidebar.jsp의 메뉴 구성과 로그인 처리 로그인 전 로그인 이후 계속 소개사진 … … 반갑습니다. 한연희님! 오늘도 좋은 하루 되세요. [로그아웃] [회원정보변경] • 아이디와 패스워드에 대한 처리는 자바빈을 활용하여 처리 • 교재 10장을 최대한 활용하고 업데이트하여 처리 • sidebar.jsp 페이지 하나에서 모두 처리 • 로그아웃을 클릭하면 로그인 전 상태로 갈 수 있도록 처리 Web Programming

7. 로그인 유무 상태 처리 • header.jsp의 내용 처리 • 각자 알아서 header 내용 꾸밈 • 그 다음 로그인 유무 상태에 대한 처리. • 교재 10장을 최대한 활용하여 자바빈으로 처리 • <jsp:useBean> 액션태그 사용 – 교재 p.255 참조 • 로그인 하지 않은 상태 • 로그인 이후 계속 • 메뉴 중에 어떠한 페이지에 가도 위 사항은 계속해서 나와야 함 • 사용자 이름을 클릭하면 회원정보 페이지로 갈 수 있도록 함. • 교재 p.259의 register.jsp를 바로 보여주면 됨 한연희님이 IP 주소 220.68.82.29 로부터 XX시 XX분 XX초에 로그인하였습니다. Web Programming

8. 이미지 카운터와 회원 정보 변경 처리 • footer.jsp의 내용 처리 • 이전에 만든 이미지 카운터를 여기에 달아둔다. • 메뉴 중에 어떠한 페이지가 보여져도 이미지 카운터도 계속 보이도록 함 • 회원정보변경 처리 • [회원정보변경]을 클릭하면오른쪽 그림처럼 현재 가입정보가 뜬다. • 이후 [회원가입] 처리와 거의 비슷 • Due date • 2007년 6월 2일 (토) 23시 59분 59초 반갑습니다. 한연희님! 오늘도 좋은 하루 되세요. [로그아웃] [회원정보변경] Web Programming