정보처리기사 실기
🗓️5️⃣main.jsp 작성하기 본문
프로그램 설명 화면 만들기
앞에서 index.jsp와 style.css를 작성하면서
웹사이트의 전체 틀과 디자인을 완성했습니다.
그리고 index.jsp에서는 다음 코드가 있었습니다.
<iframe name="section_page" src="main.jsp"></iframe>
즉 현재 프로젝트는 처음 실행되면:
main.jsp
가 section 영역에 자동으로 출력되는 구조입니다.
따라서 이번 단계에서는 프로그램 실행 시
가장 먼저 보여줄 안내 화면을 만들어보겠습니다.
1. 왜 main.jsp가 필요한가?
현재 문제에서는 메뉴를 클릭하면:
일정등록
회원현황
일정현황
화면으로 이동할 수 있습니다.
하지만 프로그램을 처음 실행했을 때는
아직 아무 메뉴도 클릭하지 않은 상태입니다.
즉 처음 접속한 사용자에게:
이 프로그램이 어떤 프로그램인지
어떤 순서로 작업하는지
를 설명해주는 기본 화면이 필요합니다.
그 역할을 하는 파일이:
main.jsp
입니다.
2. 현재 프로젝트에서 main.jsp 역할
현재 프로젝트에서 main.jsp는:
프로그램 소개 화면
역할을 합니다.
즉 실제 DB 작업이나 입력 기능은 없고,
사용자에게 현재 프로그램 설명을 보여주는 페이지입니다.
3. main.jsp 전체 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h4>일정관리 프로그램</h4>
<pre>
회원 일정 관리를 위한 데이터베이스를 구축하고 회원 일정 관리 프로그램을 작성하는 프로그램이다.
프로그램 작성순서
1. 회원 테이블을 작성한다.
2. 일정 테이블을 작성한다.
3. 회원 및 일정 테이블에서 제시된 문제지의 참조데이터를 추가 생성한다.
4. 홈페이지 프로그램을 작성한다.
5. 일정등록 프로그램을 조건에 맞게 작성한다.
6. 회원현황, 일정현황 프로그램을 작성한다.
</pre>
</body>
</html>
4. 현재 문제에서 main.jsp가 출력되는 위치
앞에서 작성한 index.jsp에는 다음 코드가 있었습니다.
<iframe name="section_page" src="main.jsp"></iframe>
즉 index.jsp가 실행되면:
section 영역 안에
main.jsp가 자동 출력
됩니다.
현재 구조를 다시 보면:
header → 유지
nav → 유지
section → main.jsp 출력
footer → 유지
입니다.
즉 main.jsp는 section 안에 들어가는 첫 화면입니다.
5. h4 태그 사용하는 이유
<h4>일정관리 프로그램</h4>
현재 화면에서는 프로그램 제목을 보여줘야 합니다.
그래서 제목 태그인:
<h4>
를 사용합니다.
숫자가 작아질수록 제목 크기는 조금씩 작아집니다.
h1 > h2 > h3 > h4
현재는 section 안의 설명 제목이므로
너무 크지 않게 h4를 사용했습니다.
6. pre 태그를 사용하는 이유
이번 코드에서 가장 중요한 부분입니다.
<pre>
태그를 사용했습니다.
7. 왜 pre 태그를 사용할까?
현재 화면에서는 다음처럼 줄을 맞춰서 출력해야 합니다.
1. 회원 테이블을 작성한다.
2. 일정 테이블을 작성한다.
3. 참조데이터를 추가 생성한다.
하지만 일반 HTML에서는 Enter를 쳐도 화면에서 줄바꿈이 유지되지 않습니다.
즉:
안녕하세요
반갑습니다
라고 작성해도 실제 화면에서는:
안녕하세요 반갑습니다
처럼 한 줄로 출력될 수 있습니다.
8. pre 태그 역할
<pre>
는:
작성한 모양 그대로 출력
하는 태그입니다.
즉:
줄바꿈 유지
띄어쓰기 유지
작성 형태 유지
를 해줍니다.
현재 문제처럼:
프로그램 설명
작업 순서
안내 문장
을 출력할 때 자주 사용합니다.
9. 현재 main.jsp가 하는 역할
현재 화면에서는 사용자가 처음 프로그램을 실행했을 때:
이 프로그램이 무엇인지
어떤 순서로 작업되는지
를 안내해줍니다.
즉 main.jsp는:
프로그램 설명서 화면
이라고 생각하면 됩니다.
10. 실제 실행 흐름
현재 프로젝트는 다음 순서로 동작합니다.
index.jsp 실행
↓
iframe 안에 main.jsp 출력
↓
사용자가 메뉴 클릭
↓
reg.jsp / list.jsp / list_j.jsp 출력
즉 main.jsp는 프로그램 시작 시
가장 먼저 보여주는 기본 안내 화면입니다.
11. 현재까지 완성된 구조
현재까지 만든 파일은 다음과 같습니다.
db.sql
→ 데이터베이스 생성
Util.java
→ Oracle DB 연결
index.jsp
→ 전체 화면 구조 생성
style.css
→ 화면 디자인 적용
main.jsp
→ 프로그램 설명 화면 출력
이제 다음 단계에서는:
reg.jsp
를 작성해서
실제로 데이터를 입력하는 일정등록 화면을 만들어보겠습니다.
'🗓️ 일정관리 프로그램' 카테고리의 다른 글
| 🗓️7️⃣action.jsp 작성하기 (0) | 2026.05.26 |
|---|---|
| 🗓️6️⃣reg.jsp 작성하기 (0) | 2026.05.26 |
| 🗓️4️⃣style.css 작성하기 (0) | 2026.05.26 |
| 🗓️3️⃣index.jsp 작성하기 (0) | 2026.05.26 |
| 🗓️2️⃣DB 생성 흐름 (0) | 2026.05.26 |