[구디아카데미][IT국비지원][TIL] 23년 4월, 12월 달력 만들기

Seokhyun Jeong·2023년 4월 21일
0

과제

목록 보기
11/19
post-thumbnail

[구디아카데미][IT국비지원]

코드

4월

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>23년 4월 달력</title>
	<style>
		table, th, td {
			border: 1px solid gray;
		}
		table {
			border-collapse: collapse;
			width: 90%;
		}
	</style>
</head>
<body>
	<h1>2023.4</h1>
	<table>
		<tr>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
		</tr>
	</table>
	
	<table>
		<tr>
		<%
			int minDate = 1; // 4월 일수 최소값
			int maxDate = 30; // 4월 일수 최대값
			for(int i=0; i<42; i+=1){ // i+=1(i=i+1) 
				if(i%7 == 0){ // 7칸마다 줄 바꿈
		%>
					</tr><tr>
		<%
				}
			
				if((i-5)>=minDate && (i-5)<=maxDate){ // 4월 일수 최소값보다 크고 4월 일수 최대값보다 작으면 일 출력
					if(i%7 == 0){ // 일요일이면 빨간글씨
		%>
						<td style="color: #FF0000;"><%=i-5 %></td>
		<%
					} else {
						
		%>
						<td><%=i-5 %></td>
		<%
					}
				} else{ // 음수이거나 30일보다 크면 빈칸
		%>		
					<td>&nbsp;</td>
		<%
				}
			}
		%>
		</tr>
	</table>
</body>
</html>

12월

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>23년 12월 달력</title>
	<style>
		table, th, td {
			border: 1px solid gray;
		}
		table {
			border-collapse: collapse;
			width: 90%;
		}
	</style>
</head>
<body>
	<h1>2023.12</h1>
	<table>
		<tr>
			<td style="color: #FF0000;"></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</table>
	
	<table>
		<tr>
			<%
				int min = 0; // 최소값
				int max = 32; // 최대값
				for(int i=0; i<42; i+=1){ // 42칸 생성
					int day = i-4; // 1일부터 31일 저장
					if(i%7 == 0){ // 7칸마다 행바꿈
			%>
						</tr><tr>
			<%
					}
					if(day>min && day<max){ // 1일부터 31일 표시
						if(i%7 == 0){ // 일요일 빨간색
			%>
							<td style="color: #FF0000;"><%=day %></td>
			<%					
						} else if(day == 25){ // 크리스마스 빨간색
			%>
							<td style="color: #FF0000;"><%=day %></td>
			<%
						} else{ // 나머지는 검은색
			%>
							<td><%=day %></td>
			<%			
						}	
					} else { // 1일부터 31일 제외 빈칸
			%>
						<td>&nbsp;</td>
			<%			
					}
				}
			%>
		</tr>
	</table>
</body>
</html>

결과화면

4월

12월

0개의 댓글