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

김희진·2023년 4월 13일

IT국비지원 class foreach문 for문 new연산자 구디아카데미 배열

GDJ 66기 - 클라우드 활용 자바 개발자 양성과정

목록 보기

8/25

[구디아카데미 IT국비지원] 저번 시간에 배운 for문을 이용하여 다양한 페이지를 만들어보고, 클래스와 배열, 참조타입의 배열에 대해서 배우고 이를 이용한 실습시간을 가졌다.

💡 실습 (for문, if문)

📌 액션페이지에서 구구단 출력하기

폼에서 구구단을 선택하면 해당 구구단이 출력되는 액션페이지를 만들어보았다.

📍 작성 (1) - guguForm.jsp
(폼 태그지만 for문을 사용하기 위해 html 파일이 아니라 jsp 파일에서 작성)

	<h1>구구단 요청</h1>
	<form action="./guguAction.jsp" method="post">
		<div>
			<select name="dan">
				<%
					for(int i=2; i<=9; i=i+1) {
				%>
					<option value="<%=i%>"><%=i%>단</option>
				<%
					}
				%>
			</select>
		</div>
		<div>
			<button type="submit">구구단 출력</button>
		</div>
	</form>

반복되는 태그인 option을 for문을 이용하여 작성할 수 있다.
select 값을 불러오려면: select에 name을 주고, option에 value를 주어서 name으로 값 불러오기
값을 넣는 곳에 <%=%>를 이용할 수 있다!

📍 결과

📍 작성 (2) - guguAtion.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	request.setCharacterEncoding("utf-8");
	int dan = Integer.parseInt(request.getParameter("dan"));
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
	for(int i=1; i<=9; i=i+1) {
%>
		<div>
			<%=dan%> * <%=i%> = <%=dan*i%>
		</div>
<%
	}
%>
</body>
</html>

form 태그의 값을 불러올때 한글이던 영어던 post 방식이면 request.setCharacterEncoding("utf-8"); 를 꼭 해준다!
int dan = Integer.parseInt(request.getParameter("dan")); : select로 선택한 값 불러와서 int 타입으로 바꾸기

📍 결과

📌 달력 만들기 (4월)

for문과 if문을 이용하여 4월 달력을 만들어보았다.

📍 예제

✔ 구현해야할 점

일~토 한 줄에 7칸씩, 6줄 = 총 42칸 필요
첫째주 토요일에 1일 시작
1일의 앞과 30일의 뒤는 빈칸
일요일은 빨간색으로 출력

📍 작성

	<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;
			int maxDate = 30;
			// td의 총 갯수 42개 필요
			for(int i=0; i<42; i+=1) { // i=i+1 == i+=1
				if(i%7 == 0) {
		%>
				</tr><tr> <!-- tr을 새로 작성해서 그 다음줄로 넘어간다 -->
		<%
				}
				
				if((i-5) >= minDate && (i-5) <= maxDate) {
					if(i%7 == 0) {  // 공휴일에 색을 표시하려면
		%>
						<td style="color:#FF0000;">
							<%=i-5%> <!-- 1일이 7번째칸부터 시작하므로 i를 -5부터 시작하게 만든다 -->
						</td>
		<%
					} else {
		%>
						<td>
							<%=i-5%>
						</td>
		<%
					}
				} else {
		%>
					<td>&nbsp;</td>
		<%
				}
			}
		%>
		</tr>
	</table>
</body>

⭐⭐⭐

for(int i=0; i<42; i+=1) : 필요한 td의 총 갯수를 먼저 파악해서 for문을 작성한다
if(i%7 == 0) : 7칸마다 다음줄로 넘어가야하므로(tr이 필요함) if문을 작성한다. </tr><tr> 로 작성하면 다음줄로 넘어갈 수 있다.
<%=i-5%> : 그 다음 td안에 출력될 코드를 생각해본다. i일로 표시되면 되지만, 1일이 토요일부터 시작하므로 i-5를 해주어야 한다.
🧐 (일 -5,월 -4,화 -3,수 -2,목 -1,금 0,토 1) 이기 때문에 시작점인 토요일이 1이 되기 위해서는 -5를 해주어야함!
if((i-5) >= minDate && (i-5) <= maxDate) : 1일의 앞과 30일의 뒤는 공백으로 출력되어야 하므로 if문을 작성한다. i가 아니라 i-5와 비교해야하는 것 주의!
if(i%7 == 0) : 0부터 시작하여 7번째에 일요일이므로, 7로 나누어 나머지가 0인 일요일에만 빨간색으로 출력하기 위해 if문을 작성하고 td에 style을 작성한다.

⭐⭐⭐

📍 결과

📌 달력 만들기 (12월)

이번에는 직접 12월 달력을 만들어보라고 하셨다.

📍 예제

✔ 구현해야할 점

일~토 한 줄에 7칸씩, 6줄 = 총 42칸 필요
첫째주 금요일에 1일 시작
1일의 앞과 31일의 뒤는 빈칸
일요일과 크리스마스는 빨간색으로 출력
토요일도 파란색으로 작성 해보기!

📍 작성

	<title>23년 12월 달력</title>
	<style>
		table, th, td {
			border: 1px solid #000000;
		}
		table {
			border-collapse: collapse;
			width: 90%
		}
	</style>
</head>
<body>
	<h1 style="text-align: center;">2023.12</h1>
	<table>
		<tr>
			<th>일</th>
			<th>월</th>
			<th>화</th>
			<th>수</th>
			<th>목</th>
			<th>금</th>
			<th>토</th>
		</tr>
	</table>
	
	<table>
		<tr>
		<%
			int minDay = 1; // 최소값 지정
			int maxDay = 31; // 최대값 지정
			
			for(int i=0; i<42; i+=1) { // 필요한 td 총 42개 생성
				if(i%7 == 0) { // 7칸마다 줄 바꾸기 (tr 추가)
		%>
					</tr><tr>
		<%
				}
				
				int day = i-4; // 1일 시작 지점을 금요일로 설정 (일 -4,월 -3,화 -2,수 -1,목 0,금 1)
				if(day >= minDay && day <= maxDay) { // 1일~31일 사이만 출력
					if(day%7 == 3 || day == 25) { // 일요일, 크리스마스는 빨간색
		%>
						<td style="color:red;">
							<%=day%>
						</td>
		<%
					} else if(day%7 == 2) { // 토요일은 파란색
		%>
						<td style="color:blue;">
							<%=day%>
						</td>
		<%
					} else { // 평일은 그냥 출력
		%>
						<td><%=day%></td>
		<%
					}
				} else { // 아무 조건도 해당되지 않으면 공백 출력
		%>
					<td>&nbsp;</td>
		<%
				}
			}
		%>
		</tr>
	</table>

</body>

⭐⭐⭐

int day = i-4; : i-4를 day 변수로 만들어보았다.
if(day%7 == 3 || day == 25) : i가 아니라 i-4인 day를 7로 나누기 때문에 나머지가 0이 아닌 3으로 주어야 일요일인 7번째칸에 해당될 수 있다. 또한 25일 크리스마스도 빨간색으로 작성해야하므로 ||(or)을 사용했다.

⭐⭐⭐

📍 결과

💡 클래스안에 선언된 메서드를 호출하기

⭐ class의 역할

사용자 정의 타입 (참조타입)
메서드의 상자 역할

📌 데이터 타입 클래스

특정 데이터 타입 (int,char 등..)을 지정해주는 클래스이다.

📍 작성 (1) - Student.java

package good;

public class Student {
	public int no;
	public int age;
	public String name;
	public char gender;
}

class 명은 대문자로 시작, 패키지명은 소문자로 시작!
다양한 타입 작성 가능

📍 작성 (2) - ex1.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="good.Student" %> <!-- import로 good(패키지명) 생략가능 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
	// 1. class는 사용자 정의 타입이다
	Student s = null; // 메모리 확보
	s = new Student(); // 메모리 초기화
	// 한줄로 쓰면 Student s = new Student();
	
	s.no = 7;
	s.age = 28;
	s.name = "홍길동";
	s.gender = '남';
%>
	<div><%=s.name%></div>
</body>
</html>

Student S=new Student(); 하면
S라는 변수의 참조값 안에 no,age,name,gender 라는 이름의 칸이 각각 생기면서 값은 기본값이 들어감
⭐ 즉, new 연산자가 하는일은 메모리 확보, 메모리 초기화임
기본타입은 선언과 동시에 확보가 되지만,
참조타입은 참조값만 확보했기 때문에 new 연산자로 메모리확보와 초기화까지 시켜주는 것이다.
메모리 확보와 초기화를 하고 나면, s.no = 7; 처럼 각각 값을 넣어서 사용한다.
클래스는 즉 사용자 정의 타입이다.
객체가 있기만 하면 객체기반언어
객체를 사용해야 객체지향언어

📌 클래스안에 선언된 메서드

특정 기능을 수행하도록 직접 만들 수 있다. 미리 java에서 만들어져있는 메서드들도 있다.

📍 작성 - Function.java

package good;

public class Function {
	public int add(int x, int y) {
		int z = x + y;
		return z;
	}
	
	// 호출 시 해당 자리에 대입해서 밑의 식이 계산되고 return값이 반환된다
	// 즉, 호출 할때 메소드이름과 대입할 값을 같이 적어서 호출한다 ex) f.add(1,2)
	// 호출 할때에는 왼쪽에 변수와 함께 대입연산자를 적어주어야 return값이 대입되어 정상적으로 반환된다 ex) int a = f.add(1,2)
	// 대입하지 않으면 계산은 제대로 되어도 참조값만 저장되기 때문에 내가 아는 변수에 대입해야 그 값을 사용할 수 있다
	// void는 return과 달리 대입연산자가 필요 없음 (반환값이 없어서!)

	
	public static int minus(int x, int y) {
		int z = x - y;
		return z;
	}
}

x와 y의 값을 더하는 일반 메서드 add와 x에서 y를 빼는 static 메서드 minus를 만들었다.

📍 작성 (2) - ex1.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="good.Function" %><!-- import로 good(패키지명) 생략가능 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
	// 2. 클래스는 메서드의 상자
	Function f = new Function();
	int result = f.add(1, 2); // x,y 값에 숫자 대입
							  // 변수를 생성해서 그 안에 return 값을 대입해주어야 그 값을 내가 사용할 수 있음
							  // 대입하지 않으면 return값의 참조값만 남아있기 때문에 사용할 수 없음
	
	int k = 7;
	result = f.add(k, 7/3); // 대입할 자리에 변수나 식을 써도 가능하다
							// 나누기의 경우 int타입이기 때문에 정수값만 사용
							// f.add(7, 2)
	
	int result2 = Function.minus(5,2); // static 메소드는 클래스 이름을 참조해서 호출한다! new 연산자 필요 없음
									   // 일반 메소드는 클래스의 데이터 타입(객체변수)의 이름을 참조해서 호출
   // result = Function.add(5, 2); // error
   
   // static 메서드의 예
	double r = Math.random();
%>
</body>
</html>

⭐ 일반 메서드는 먼저 new 연산자로 호출하여 데이터 타입(객체변수)의 이름 을 지정해준뒤, 매개변수를 넣으면 이때 결과값(return값)을 저장할 변수에 대입 해주어야한다.
매개변수의 자리에 변수나 식을 써도 가능하다.
⭐ static 메소드는 클래스 이름을 참조해서 호출할 수 있다! 즉, new 연산자가 필요 없다.
다양한 static 메서드가 있고, 자바에서 미리 만들어져있는 static 메서드도 있는데 가장 쉽게 구분할 수 있는 방법은 대문자로 시작하는지 보면 된다. 클래스명을 참조하기 때문 (클래스명은 대문자로 시작) 이다.
이미 우리가 선언하지 않아도 이미 jsp안에 선언되어있는 객체들을 내장객체라고 하는데, 이건 소문자로 시작한다. 앞시간부터 자주 사용했던
out.print();
request.getParameter(""); 이 내장객체이다.

💡 배열과 for문/foreach문

// 배열 : 동일한 타입 여러개를 참조하는 참조 타입
int[] a = null;
a = new int[3]; // new연산자는 메모리 공간 확보, 3개의 메모리 공간 확보
				// 이름은 자동으로 0,1,2로 지어지고 안에 값은 int의 기본값인 0으로 들어간다
				// a[0]->0, a[1]->0, a[2]->0
	
// 배열 호출해서 값 넣기 : 참조변수[인덱스]
a[0] = 7;
a[1] = 2;
a[2] = 10;
// a[3] = 1; // 예외발생

확보한 공간보다 더 많이 배열을 호출하면 에러는 나지 않지만 예외가 발생한다.

확인해보면 length(배열의 길이)가 초과되었다는 문구를 확인할 수 있다. 이 문구는 콘솔창에서도 확인 가능하다. 이렇게 문구를 읽으면서 잘못된 부분이 뭔지 찾는 방법을 익히는 것이 중요하다.

✔ ⭐ 배열 - new 연산자

int[] b = new int[3]; // 한줄로 쓰기
	
int[] c = new int[]{7,9,10}; // 값 넣는 것(초기화)까지 한줄로 쓰기
	
int[] d = {8,10}; // 더 짧게 (new 연산자 생략)

메모리의 공간을 확보한다.
배열의 인덱스는 0,1,2... 로 자동으로 이름지어진다.
값은 데이터 타입에 맞는 기본값으로 자동 초기화된다.

✔ 배열 - length

// 배열 출력하기
out.print(a.length); // length: 배열의 길이 출력하기 // 3

배열의 길이(인덱스의 갯수)를 출력한다.

📌 for문 / foreach문

배열과 for/foreach문은 떼어놀 수 없는 관계이다. 반복문은 패턴이 중요한데, 배열의 특성(배열의 인덱스는 0부터 1씩증가) 자체가 패턴 그자체이기 때문이다.

또한, 배열의 인덱스는 0부터 시작하기 때문에 for문을 작성할 때 초기값인 i를 0부터 지정하게 된다. 그렇기 때문에 for문을 작성할때에는 i를 0으로 지정해서 작성하는 습관을 들이는 것이 좋다.

✔ 배열 순서대로 나열되게 출력하기

int[] arr = {2,5,7,10}; // length == 4
	<div>
		<%=arr[0] %>
		<%=arr[1] %>
		<%=arr[2] %>
		<%=arr[3] %>
	</div>

이렇게 작성해도 되지만 for/foreach문을 이용하면 반복되는 코드를 덜 작성할 수 있다.

📍 for문

// for문 사용, 배열의 인덱스는 패턴을 가지기 때문
	for(int i=0; i<arr.length; i+=1) { 
    	<%=arr[i]%>
	}

i<4도 가능하지만 배열의 길이가 바뀌는 경우 코드를 수정해야 하는 번거로움이 있으므로 length 사용하는 것이 좋다.

📍 foreach문

// foreach문, 배열의 처음부터 끝까지 읽기, 즉 length를 알 필요가 없음
	for(int n : arr) { 
    // n에 배열의 값을 순서대로 대입 
		<%=n %>
	}

foreach문은 배열의 처음부터 끝까지 쭉 읽어 대입한다. 알아서 변수에 배열을 순서대로 다 대입하기 때문에 length를 알 필요가 없다.

📍 읽기/쓰기

// for문은 읽기와 쓰기 가능
	for(int i=0; i<arr.length; i+=1) {
		arr[i] = arr[i]*10; // 배열을 직접적으로 수정도 할 수 있다
	}

for문은 이렇게 읽어오면서 배열을 수정도 할 수 있다.
하지만 foreach문은 배열을 불러들이기만 할 수 있기 때문에 수정이 불가능하다.
상황에 따라 for문을 작성할지 foreach문을 작성할지 선택하면 된다.

💡 실습

지금까지 배운 내용으로 두가지의 실습을 해보았다.

📌 로또 프로그램 만들기

📍 작성

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	int[] ball = new int[45]; // 공 45개 만들기 (기본값 0인 상태)
	for(int i=0; i<ball.length; i+=1){  // 공에 1부터 45까지의 값 대입 (수정해야 하므로 for문 사용)
		ball[i] = i+1;
	}
	
	// shuffle 공 섞기 (swap.jsp 참고)
	for(int i=0; i<100000; i+=1) { // 10만번 섞기
		int targetIndex = (int) (Math.random() * 45); // 배열의 인덱스 자리에 들어갈 0부터 44까지의 랜덤한 숫자 뽑기
		int temp = ball[0];
		ball[0] = ball[targetIndex];
		ball[targetIndex] = temp;
	}
	
	// 디버깅, 읽기만 하면 되므로 foreach문 사용, 디버깅은 콘솔창에 출력
	for(int n : ball) {
		System.out.print(n+",");
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>로또번호</h1>
	<%
		for(int i=0; i<6; i+=1) {
	%>
			<%=ball[i]%>&nbsp;
	<%
		}
	%>
</body>
</html>

⭐⭐⭐

로또 프로그램의 규칙 :
1~45의 숫자가 랜덤으로 6개가 출력되어야 한다.
그러면 우선 빈 공 45개를 만들어야 한다. (배열 사용)
빈 공에 1~45의 숫자를 대입한다. (for문 사용)
만든 공 45개를 서로 nnn번(아주 많이) 섞어주어야 한다. (for문 사용)
섞기 = 서로의 값 바꾸기 (빈공간 temp가 필요하다)

	// x와 y의 값 바꾸기
	int x = 1;
	int y = 2;
	int temp = 0; // 빈공간 필요
	
	temp = y;
	y = x;
	x = temp;
	
	y = x; // 이렇게 하면 x와 y의 값이 같아지기만함
	x = y;

공을 섞을 때, 랜덤으로 섞어야 한다. (Math.random() 사용)
다 섞은 공을 6개 출력한다. (for문 사용)
정상적으로 출력되는지 확인할 때에는 콘솔창에 출력하는 디버깅 코드를 적극 사용해주면 좋다.

⭐⭐⭐

📍 결과

새로고침 할때마다 랜덤한 6개의 번호가 출력된다.

📌 학생 목록 만들기

참조타입의 배열을 이용하여 학생 목록을 표로 출력해보았다.

📍 작성 (1) - Member.java

package good;

public class Member {
	public String name;
	public String gender;
	public int birthYear;
	public boolean major; // 전공유무
}

데이터 타입 클래스를 생성한다.

📍 작성 (2) - memberList.jsp

<<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="good.Member" %> <!-- 패키지명 생략하기 -->
<%@ page import="java.util.Calendar" %> <!-- 패키지명 생략하기 -->
<%
	// 데이터 초기화
	
	Member[] list = new Member[25]; // Member타입(클래스)의 배열 생성 // null, null
	list[0] = new Member(); // 공간 생성
	list[0].name = "김O진"; // class에 값 넣듯이 마침표(.) 이용
	list[0].birthYear = 1997;
	list[0].gender = "여";
	list[0].major = false;
	.
    .(생략)
    .
	list[24] = new Member();
	list[24].name = "김O환";
	list[24].birthYear = 1994;
	list[24].gender = "남";
	list[24].major = true;
%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>memberList.jsp</title>
	<style>
		table, th, td {border: 1px solid #000000; text-align: center;}
		table {border-collapse: collapse;}
		.small {width: 30px; height: 30px;}
	</style>
</head>
<body>
	<h1>학생 목록</h1>
	<h3>
		<div>
			전체 <%=list.length%>명 <!-- 배열의 전체 길이 출력 -->
		</div>
	</h3>
	<table>
		<tr>
			<th>이름</th>
			<th>나이</th>
			<th>성별</th>
			<th>전공유무</th>
		</tr>
		<%
			for(Member m : list) { // list 배열 처음부터 끝까지 반복
		%>
				<tr>
					<td><%=m.name%></td>
					<td>
						<%
							Calendar today = Calendar.getInstance(); // 오늘 날짜 뽑기
							int todayYear = today.get(Calendar.YEAR); // 오늘 날짜에서 년도 뽑아서 변수에 넣기
							int age = todayYear - m.birthYear; // 현재 년도 변수 - 태어난 년도 = 나이 계산
						%>
						<%=age%>세
					</td>
					<td>
						<%
							if(m.gender.equals("남")) {
						%>
								<img class="small" src="./img/man.jpg">
						<%
							} else {
						%>
								<img class="small" src="./img/woman.jpg">
						<%
							}
						%>
					</td>
					<td>
						<%
							if(m.major == true) {
						%>
								전공
						<% 
							} else {
						%>
								비전공
						<%
							}
						%>
					</td>
				</tr>
		<%
			}
		%>
	</table>
</body>
</html>

page import : 패키지명 생략하기
Member[] list = new Member[25]; : 참조 타입의 배열을 생성한다.
<%=list.length%> : 전체 명수 출력
for(Member m : list) : 단순 출력이기 때문에 foreach문 을 사용

현재 년도 출력하기

Calendar today = Calendar.getInstance();
int todayYear = today.get(Calendar.YEAR);
int age = todayYear - m.birthYear;

저번 시간에 배운 코드 이용!

if(m.gender.equals("남")) : 값이 문자열이므로 equals 사용
🧐 만약에 man.jpg가 아니라 남.jpg로 저장했다면, <%=m.gender %>.jpg 으로 작성하여 if문 하나를 줄일 수 있다.

📍 결과

김희진

하루 한걸음씩💪 초보 개발자 도전기 🌱💻

이전 포스트