[INA240] Web Programming http://link.kut.ac.kr Homework #3 [INA240] Web Programming http://link.kut.ac.kr
Homework 숙제 1. 개인 홈페이지 재구성 두번째 숙제를 jsp의 <jsp:include> 액션 태그를 활용하여 템플릿화하여 재구성하기 index.jsp HOME, 자기소개, …, …, top.jsp menu.jsp Home 자기소개 … 안녕하세요. …의 홈페이지에 온것을 환영합니다. home.jsp Data Structure
Homework 숙제 1. 개인 홈페이지 재구성 두번째 숙제를 jsp의 <jsp:include> 액션 태그를 활용하여 템플릿화하여 재구성하기 <%@ page contentType="text/html;charset=utf-8" %> <% String targetPage=request.getParameter("target") + ".jsp"; %> <html> <head><title>모듈화</title></head> <body> <table width="500" border="1" cellpadding="5" align="center"> <tr> <td colspan="2"> <jsp:include page="include/top.jsp" flush="false" /> </td> </tr> <td valign="top"> <jsp:include page="include/menu.jsp" flush="false" /> <jsp:include page="<%= targetPage%>" flush="false" /> </body> </html> Data Structure
Homework 숙제 2. 4,5,6장 예제 파일에 대한 작성 및 실행 4,5,6장 모든 예제에 대한 링크를 다음 그림과 같이 만들것 index.jsp HOME, 자기소개, …, …, JSP예제-1, JSP예제-2, JSP예제-3 top.jsp menu.jsp Home 자기소개 … JSP예제-1 JSP예제-2 JSP예제-3 [JSP 예제 -1] 예제 4.1 예제 4.2 예제 4.3 예제 4.4 예제 4.5 예제 4.6 클릭 클릭 example1.jsp Data Structure
Homework 숙제 2. 4,5,6장 예제 파일에 대한 작성 및 실행 수업시간에 배운 <jsp:include> 액션 태그를 활용하여 작업을 효율적으로 할 것 HOME, 자기소개, …, …, JSP예제-1, JSP예제-2, JSP예제-3 Home 자기소개 … JSP예제-1 JSP예제-2 JSP예제-3 목록으로 돌아가기 클릭 Data Structure
Homework 숙제 1과 숙제 2에서 생성되어야 할 URL들 정리 index.html을 템플릿 형태로 만듦 http://localhost:8080/myapp/index.html http://localhost:8080/myapp/index.html?target=home Intro http://localhost:8080/myapp/index.html?target=intro JSP 예제-1 http://localhost:8080/myapp/index.html?target=example1 JSP 예제-2 http://localhost:8080/myapp/index.html?target=example2 JSP 예제-3 http://localhost:8080/myapp/index.html?target=example3 메인파트에 포함될 jsp 파일들 home.jsp intro.jsp example1.jsp example2.jsp example3.jsp Data Structure
Homework 4,5,6장 예제 파일에 대한 작성 및 실행 index.html을 템플릿 형태로 만듦 URL 정리 JSP 예제-1 내의 4-1 http://localhost:8080/myapp/index.html?target=4-1 JSP 예제-1 내의 4-2 http://localhost:8080/myapp/index.html?target=4-2 … JSP 예제-3 내의 6-1 4-1.jsp 4-2.jsp 6-1.jsp Data Structure
Homework 제출기한 제출형태 참고 6월 7일(일요일) 23:59:59 보고서와 소스 코드를 하나로 묶은 ZIP 파일을 게시판에 업로드 서론, 본론, 결론의 구조를 가진 보고서 (HWP, MS-워드) 서론: Homework의 내용, 사용 프로그램 (에디터), 브라우저 종류 등… 본론: 소스 코드 설명과 함께 반드시 실행 결과 화면을 자세히 캡쳐하여 삽입 결론: 숙제를 한 이후의 느낀점, 하고싶은 말, 또는 불평~~ 소스 코드 파일명: 웹프로그래밍-3차-홍길동-2005111222.zip 게시판의 게시물 제목: 웹프로그래밍-3차-홍길동-2005111222 참고 각종 질문은 “Q&A – 웹프로그램/웹서비스”에 등록 로그인 없이 글쓰기 및 댓글 작성 가능 Data Structure