본문 바로가기
2222
etc/JSP

HTML로 만들어진 페이지 JSP이용해서 자바 웹 프로그래밍

by PARK TAE JOON 2020. 11. 9.

1. 뉴렉처사이트에서 예제 프로젝트를 다운 받는다.

2. 이클립스에 추가한다. 파일 전체 선택하고 WebContent 에 넣는다.

(프로젝트 우클릭 - 세팅에 들어가서 경로를 /로 설정해주고, 서버 해당프로젝트 삭제하고 다시 RUN)

 

 

HTML > JSP

1. notice - list.html 파일 작업부터 하자.

2. list.html파일을 복붙해서 list.jsp 로 만들고 오픈하면 한글이 다 깨져있을 것이다. 한글로 나오게 하자.

한글이 깨져있을 때는 Alt + Enter or File - Properties 들어가서 인코딩 방식을 UTF-8로 바꿔주자.

3. 편집기에 한글로 나오게 했다면 런 시켜서 페이지도 한글로 나오게 해야 하는데 서블릿페이지이기 때문에

<%@ page %> 이걸 이용해서 인코딩 방식을 지정시켜줘야 한다. 맨날 외울수는 없으니

이클립스에서 새로만들기 - Web - JSP Files 를 눌러서 아무 제목으로 만들고 맨 위에만 복사 붙여넣기 해오자.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

4. TR안에 있는 내용을 8번만 남기고 지우고 DB에있는걸 쓸거다. 즉 정적인걸 없앨꺼다.

5. 일단 8번만 남기고 전체를 지운다.

6. 다음 코드블럭으로 for문을 감싸서 (이미 out.write로 되있는 상태니까 그냥 for를 쓰면 출력이 될테니 코드블럭으로 감싼다.) 코드를 완성시킨다.

 

					<% for(int i=0; i<10; i++) { %>
					<tr>
						<td><%=(i+1) %></td> // <% out.print(i+1); %> 과 같다. 세미콜론을 잘 보자.
						<td class="title indent text-align-left"><a href="detail.html">스프링 8강까지의 예제 코드</a></td>
						<td>newlec</td>
						<td>
							2019-08-18		
						</td>
						<td>146</td>
					</tr>
					<% }%>

 

'etc > JSP' 카테고리의 다른 글

WELCOME 페이지 제작  (0) 2021.01.15
액션 태그에서 param 이용방법  (0) 2020.11.09
include를 사용해서 배분하기  (0) 2020.11.09
MVC 방식으로 나누기  (0) 2020.11.05

댓글