K 개발자

JSP BookMarket 만들기 - 1 본문

Web/JSP

JSP BookMarket 만들기 - 1

ddingz 2021. 8. 6. 16:18

실행 환경
자바 개발 환경 : jdk-15.0.2
웹 서버 환경 : Apache Tomcat v9.0
통합 개발 환경 : Eclipse IDE for Enterprise Java Developers

시작 페이지 만들기

[Dynamic Web Project]로 프로젝트 이름 BookMarket을 생성한다.
WebContent 폴더에 welcome.jsp 파일을 생성한다.

  • 선언문 태그를 이용하여 'Book Market Mall'과 'Welcome to Book Market!'을 저장하는 변수를 선언한다.
  • 표현문 태그를 이용하여 설정한 변수 값 'Book Market Mall'과 'Welcome to Book Market!'을 출력한다.
<%-- welcome.jsp --%>
<html>
<head>
<title>Welcome</title>
</head>
<body>
    <%!String greeting = "Book Market Mall";
    String tagline = "Welcome to Book Market!";%>
    <h1><%=greeting%></h1>
    <h3><%=tagline%></h3>
</body>
</html>

부트스트랩 CSS를 적용한다.

<%-- welcome.jsp --%>
<html>
<head>
<link rel="Stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<title>Welcome</title>
</head>
<body>
    <nav class="navbar navbar-expand navbar-dark bg-dark">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="./welcome.jsp">Home</a>
            </div>
        </div>
    </nav>
    <%!String greeting = "Book Market Mall";
    String tagline = "Welcome to Book Market!";%>
    <div class="jumbotron">
        <div class="container">
            <h1 class="display-3">
                <%=greeting%>
            </h1>
        </div>
    </div>
    <div class="container">
        <div class="text-center">
            <h3>
                <%=tagline%>
            </h3>
        </div>
    </div>
</body>
</html>

웹 브라우저에 'http://localhost:8080/BookMarket/welcome.jsp'를 입력하여 실행 결과를 확인한다.

다음 글
JSP BookMarket 만들기 - 2
JSP BookMarket 만들기 - 3
JSP BookMarket 만들기 - 4
JSP BookMarket 만들기 - 5
JSP BookMarket 만들기 - 6
JSP BookMarket 만들기 - 7
JSP BookMarket 만들기 - 8
JSP BookMarket 만들기 - 9
JSP BookMarket 만들기 - 10
JSP BookMarket 만들기 - 11
JSP BookMarket 만들기 - 12
JSP BookMarket 만들기 - 13
JSP BookMarket 만들기 - 마지막

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

JSP BookMarket 만들기 - 6  (0) 2021.08.06
JSP BookMarket 만들기 - 5  (0) 2021.08.06
JSP BookMarket 만들기 - 4  (0) 2021.08.06
JSP BookMarket 만들기 - 3  (1) 2021.08.06
JSP BookMarket 만들기 - 2  (0) 2021.08.06
'Web/JSP' Related Articles more
Comments