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

김희진·2023년 4월 12일

IT국비지원 Java class for문 switch문 while문 구디아카데미 배열 참조타입

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

목록 보기

7/25

[구디아카데미 IT국비지원] 참조타입 (String, 배열(array), class), 변수의 생명주기, 조건문 switch문, 반복문 while문과 for문에 대해서 배우고 다양한 실습을 해보는 시간을 가졌다.

💡 (복습) if문 이용하여 radio값, select값 넘겨 출력하기

📍 작성 (1) - ex4Form.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>radio값, select값 넘겨 출력하기</h1>
	<form action="./ex4Form.jsp" method="post">
		<div>
			성별
			<input type="radio" name="gender" value="남자">남자
			<input type="radio" name="gender" value="여자">여자
		</div>
		<div>
			결혼
			<select name="married">
				<option value="미혼">미혼</option>
				<option value="기혼">기혼</option>
			</select>
		</div>
		<div><button type="submit">전송</button></div>
	</form>
</body>
</html>

📍 결과

📍 작성 (2) - ex4Form.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>
<%
	request.setCharacterEncoding("utf-8");

	String gender = request.getParameter("gender");
	String married = request.getParameter("married");
%>
	<div>
		성별
		<%
			if(gender.equals("남자")) {
		%>
			<input type="radio" name="gender" value="남자" checked="checked">남자
			<input type="radio" name="gender" value="여자">여자
		<%	
			} else {
		%>
			<input type="radio" name="gender" value="남자">남자
			<input type="radio" name="gender" value="여자" checked="checked">여자		
		<%
			}
		%>
	</div>
	<div>
		<select name="married">
			<%
				if(married.equals("미혼")) {
			%>
				<option value="미혼" selected="selected">미혼</option>
	            <option value="기혼">기혼</option>
	
			<%	
				} else {
			%>
				<option value="미혼">미혼</option>
				<option value="기혼" selected="selected">기혼</option>		
			<%
				}
			%>
		</select>
	</div>
</body>
</html>

value 값이 한글이므로 request.setCharacterEncoding("utf-8"); 해주기
gender.equals("남자") : 저번시간에 배운 equals 메소드 사용
checked="checked" : radio 폼 형태로 출력하기 위해 선택한 값을 if문을 이용하여 출력
selected="selected" : select 폼 형태로 출력하기 위해 선택한 값을 if문을 이용하여 출력, 가장 밖에 select 태그, if문 안에 option 태그가 들어가는 것 주의!

✔ 만약 출력 페이지에서 값을 수정하지 못하도록 하고 싶다면?
: disabled="disabled" 사용하기
(text 타입은 readonly 사용)

📍 결과

💡 참조타입

<%
	// 기본타입(8개) : 정수(byte, short, int, long), 실수(float, double), 논리(boolean), 문자(char)
	// 참조타입(?개) : String, 배열(arr), class
	
	String name = new String("김희진");
	//참조타입을 만들때에는 new 연산자를 써줘야함
%>

참조타입은 기본타입 또는 참조타입끼리 조합해서 만든다.
ex) 기본타입 char 을 여러개 조합해서 String 타입을 만듦
참조타입을 만들때에는 new 연산자를 사용한다.
여러개의 값 저장 가능 (위치에 저장)
하나의 값만 저장 가능한 기본타입과 다르게 여러개의 값을 저장할 수 있다. 그래서 참조타입 변수를 출력하려고 하면 여러개의 값들이 저장된 위치값이 출력되기 때문에 주의해야 한다.
(하지만 예외로 유일하게 String 타입은 저장된 값이 출력됨!)

📌 String 타입

	// String name = "김희진";
	// 문자열상수(큰따옴표"")를 사용하는 방법이다. 이 방법을 제공하는 것은 String타입 밖에 없다.
	
	out.print(name);
	// 본래 참조타입은 출력하면 "김희진"이 그대로 출력되지 않는데, 예외로 String타입은 그대로 출력된다.
    
    out.print(name.hashCode()); // 만약의 String타입의 위치값을 출력하고 싶다면 이렇게
	
 %>

String 타입은 조금 특이한 타입이다. 다른 참조타입과 다르게 예외가 많으므로 주의!

new 연산자를 사용할 필요 없이 문자열상수로 생성할 수 있다.
출력 시 위치값이 아니라 저장된 값이 그대로 출력된다.

📌 배열

<%
	int[] arr = null; // int타입의 배열 생성
	arr = new int[3]; // 공간 3개 부여. 대괄호 사용 주의!!
	// 이때 생성된 빈공간에는 int의 기본값인 0이 자동으로 들어감 = 자동초기화
	
	out.print(arr);
	// 저장된 0이 출력되지 않고 위치값이 출력됨
	
	arr[0] = 7; // 0이라는 이름의 공간에 7 저장
	arr[1] = 6;
	arr[2] = 3;
	
	out.print(arr[0]); // 주소값이 아니라 저장된 7이 출력됨
	out.print(arr[1]);
	out.print(arr[2]);
	
%>

배열은 같은 타입의 값을 나열된 공간에 저장할 수 있다.
그래서 선언할 때 어떤 타입 의 배열인지 앞에 붙여주어야 한다!
나열된 공간에 자동으로 이름이 붙는다. (0,1,2,3...)
이때, 붙여지는 이름은 위치값과는 다른 개념이므로 혼동하지 않아야 한다.
배열 또한 그냥 출력하면 위치값이 출력된다.
배열은 대괄호 []를 사용한다는 것 주의!
배열에 이름이 붙는다고 해서 이 이름 단독으로 호출 할 수 없다.
ex) [0] = 7; 이건 안됨
왜냐하면 배열을 여러개 만들면 그 배열마다 공통된 이름(0,1,2,3...)이 붙기 때문이다. 그래서 어떤 배열인지 앞에 붙여주어야 한다.
ex) arr[0] = 7;

✔ 기본값
배열을 처음 생성할 때 빈공간에는 자동으로 기본값이 들어가게 되며, 각 타입마다 기본값이 다르다.

int: 0
boolean: false
char: 공백
String : null

📌 Class

📍 class 파일 생성하기

(class 파일의 생성 위치)

웹 환경에서 class 파일을 생성할 때에는 package 이름을 지우면 안된다. (위에 에러문구 참고)

package 이름을 gdj66으로 지정해주었다.
✔ package 이름은 소문자로 시작해야하고, class 이름은 대문자로 시작하는 것이 좋다.

(class 파일 생성 확인)

📍 Person.java

package gdj66;

public class Person {
	public int no; // 다양한 타입 가능
	public int age;
	public boolean married;
}

📍 ex2.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ page import="gdj66.Person"%> <!-- // 이렇게 위에 쓰면 밑에서 풀네임을 안써도 됨-->

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
	gdj66.Person khj;
	khj = new gdj66.Person();
	
	khj.no = 1; // no라는 이름의 공간에 1 저장, 클래스는 []가 아니라 . 사용
	khj.age = 27;
	khj.married = false;
	
	out.print(khj); // 저장된 1이 출력되지 않고 주소값이 출력됨
	
	// 이런식으로 계속 만들 수 있음
	Person ksm; // 패키지명 생략 가능
	ksm = new Person();
	
	ksm.no = 2; // no라는 이름의 공간에 1 저장, 클래스는 []가 아니라 . 사용
	ksm.age = 30;
	ksm.married = false;
%>
	<h2>김희진</h2>
	<div>번호 : <%=khj.no%></div>
	<div>나이 : <%=khj.age%></div>
	<div>결혼유무 : <%=khj.married%></div>
	
	<h2>강성민</h2>
	<div>번호 : <%=ksm.no%></div>
	<div>나이 : <%=ksm.age%></div>
	<div>결혼유무 : <%=ksm.married%></div>
</body>
</html>

<%@ page import="gdj66.Person"%> : 상단에 미리 써놓으면 패키지명을 생략할 수 있다.
클래스는 마침표 . 를 사용한다는 것 주의!
클래스 또한 그냥 출력하면 위치값이 출력된다.
ex) out.print(khj); 이건 안됨
out.print(khj.no);

📍 결과

📌실습 - snForm.html, snAction.jsp

입력된 주민등록번호 분석하여 나이와 성별을 구분하는 페이지 만들기

📍 작성 (1) - snForm.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>주민번호 분석</h1>
	<form action="./snAction.jsp" method="post">
		<input type="number" name="sn1">
		-
		<input type="number" name="sn2">
		<button type="submit">분석</button>
	</form>
</body>
</html>

📍 결과

📍 작성 (2) - snAction.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.Calendar" %> <!-- 앞부분 코드 줄이기 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
	// 폼에서 입력한 값 불러오기
	String sn = request.getParameter("sn1") + request.getParameter("sn2");
	// 970809222222
	
	// 1. 성별
	// 1-1. 7번째(인덱스6) 문자(열)를 뽑아서 숫자로(int타입) 바꿔야함
	int s7 = Integer.parseInt(sn.substring(6, 7)); // 인덱스0부터 시작
	
	// 1-2. 성별 구하기
	String gender = null;
	if(s7 % 2 == 0) {
		gender = "여자";
	} else {
		gender = "남자";
	}
	
	// 2. 나이
	// 2-1. 년도 구하기
	String preYear = null; // 년도 앞자리
	if(s7 == 0 || s7 == 9) {
		preYear = "18";
	} else if(s7 == 1 || s7 == 2 || s7 == 5 || s7 == 6) {
		preYear = "19";
	} else {
		preYear = "20";
	}
	
	int year = Integer.parseInt(preYear + sn.substring(0, 2)); // 년도 네자리로 합치고 int타입으로 바꾸기
	
	// 2-2. 현재 년도 구하기
	Calendar today = java.util.Calendar.getInstance(); // 앞부분 코드 줄임
	// 오늘 날짜 정보를 반환하는 코드
	int todayYear = today.get(Calendar.YEAR);
	// 오늘 날짜 정보에서 년도만 추출
	
	// 2-3. 나이 구하기
	int age = todayYear - year;
%>
<h2>분석결과</h2>
<h3>당신의 성별은: <%=gender%>입니다</h3>
<h3>당신의 나이는: <%=age%>세 입니다</h3>
</body>
</html>

<%@ page import="java.util.Calendar" %> : 패키지명 생략하기
sn.substring : 문자열 중 원하는 글자를 뽑을 수 있다.
(시작 인덱스, 끝 인덱스) 시작 인덱스부터 ~ 끝 인덱스 앞까지 출력한다.
인덱스의 시작은 1이 아니라 0이므로 주의한다!

✔ 이때 출력되는 "2"는 숫자가 아니라 문자이다. 헷갈리면 마우스를 가져다대면 어떤 타입인지 알 수 있다. 숫자가 아니라 문자이므로 성별과 나이 계산을 위해 int 타입으로 바꿔준다.
사용자가 주민번호로 입력하는 태어난 년도는 총 네 자리중에서 뒷 두자리뿐이므로, 앞 두자리를 유추해야 한다. 성별을 구할 때 사용한 정보로 구할 수 있다.
위 사진을 참고하여 if문을 작성
나이 계산을 위해서는 현재 년도를 구해야한다. 이러한 코드들은 구글링 적극 활용하기!
축약 안한 버전 (참고)

📍 결과

💡 변수의 생명주기

<%
	// 변수 생명주기(variable scope)
	// 1. 변수를 먼저 선언 해야 사용 가능
	// out.print(x); // error
	int x = 1;
	out.print(x);
	
	//2. 자바언어의 변수 생명주기는 블록{}임
	{
		int a = 2;
		a = 7;
		out.print(a);
	}
	// a = 10; // error
	
	int b = 3;
	{
		b = 5;
		out.print(b);
		int c = 6;
		{
			out.print(b);
			out.print(c);
			int d = 9;
		}
	}
	// 상위 블록 밖에서 선언한 것은 사용 가능
%>

💡 조건문 - switch문

<%
	// 조건문 : if문, switch문 비교
	
	// 값 분기
	int score = 100;

	if(score == 100) {
		out.print("A");
	} else if(score == 90) {
		out.print("B");
	} else if(score == 80) {
		out.print("C");
	} else {
		out.print("D");
	}
%>
	<br>
<%
	switch(score) {
	case 100:
		out.print("A");
		// break;
	case 90:
		out.print("B");
		break;
	case 80:
		out.print("C");
		break;
	default:
		out.print("D");
	}
%>
	<br>
<%
	// 범위 분기
	int score2 = 78;

	if(score2 == 100) {
		out.print("A");
	} else if(score >= 90) {
		out.print("B");
	} else if(score >= 80) {
		out.print("C");
	} else {
		out.print("D");
	}
	// switch문으로 범위 분기를 구현하는 것은 거의 불가능하다.
%>

switch문은 값분기만 가능하다. (특정 값만 기준이 됨)
반면 if문은 범위분기도 가능 하다. (특정 값의 범위도 기준이 될 수 있음)
switch문으로 범위분기를 하려면 아주 많은 case를 일일히 써줘야하므로 거의 불가능에 가깝다.
switch문은 break가 있어야한다.
if문은 조건을 만족하면 실행하고 나머지는 건너뛰지만
switch문은 첫번째 조건에서 만족했다 해도 빠져나오는 것이 아닌 break가 나오기 전까지 계속 실행된다.

break를 주석처리해서 A와 B가 둘다 출력됐다.

💡 반복문 - while문과 for문

<%
	int x = 0;
	while(x < 5) {
		out.print("a");
		x = x+1; // 안 해주면 무한루프
	}
%>
	<br>
<%
	for(int i=0; i<5; i=i+1) {
		out.print("b");
	}
%>
	<!-- 위 두 코드는 같은 내용 -->

while문과 for문은 비슷하지만 주로 for문을 사용하는 것이 좋다.
왜냐하면 for문은 실수 할 확률이 적다. (한줄에 명령 3개 다 쓰니까)
그리고 for문 안에서 쓰는 변수는 for문 안에서만 사용가능 하다.
=캡슐화가 되어있다= 더 안정성 있다.

✔ for문 연습

	<!-- for문의 변수는 캡슐화 되어 있기 때문에 밑에서 또 int i를 쓸 수 있음 (중복아님) -->
<%	
	// 1부터 10까지의 합 구하기
	int n = 1;
	int sum = 0;
	for(int i=0; i<10; i=i+1) {
		sum = sum + n;
		n = n + 1;
	}
	out.print(sum);
%>
	<br>
<%
	// 1부터 10까지의 합 구하기 (2)
	int sum2 = 0;
	for(int i=1; i<=10; i=i+1) {
		sum2 = sum2 + i;
	}
	out.print(sum2);
%>
	<br>
<%
	// 1부터 10까지의 짝수의 합 구하기 (for문 안에 if문 넣기)
	int sum3 = 0;
	for(int i=1; i<=10; i=i+1) {
		if(i%2 == 0) {
			sum3 = sum3 + i;
		}
	}
	out.print(sum3);
%>
	<br>
<%
	//1부터 10까지의 홀수의 합 구하기 (for문 안에 if문 넣기)
	int sum4 = 0;
	for(int i=1; i<=10; i=i+1) {
		if(i%2 == 1) {
			sum4 = sum4 + i;
		}
	}
	out.print(sum4);
%>

범위를 정할 때 <= 보다는 <을 사용하는 것이 좋다.
(<=는 컴퓨터가 두번 작업하기 때문이다.)
- <=를 <로 쓰려면
  시작값(i)을 1이 아니라 0으로 두거나 (0부터 시작이므로 횟수는 일치한다) 비교값에 1을 더하면 된다.
- ex) int i=1; i<=10; i=i+1 와
  int i=0; i<10; i=i+1
  int i=1; i<11; i=i+1 은 같은 내용이다.
- 단, if문 안에서 i를 사용할때, 시작값(i)이 반드시 1이어야 되는 경우를 주의해서 적절하게 작성할 것!
for문 안에 for문을 넣는 중복은 주의해서 사용해야 한다. 특히 세번의 중복은 하지 않는 것이 좋다.
탈출 조건을 블록내에 구현하는 경우가 많다 -> 블록내 탈출조건을 구현하지 않으면 무한루프에 빠진다
++i
i++
i+=1
i=i+1
컴퓨터 처리 속도가 더 빠른 순서
(근데 요즘은 큰 의미 없음)

💡 실습 (구구단표 만들기)

오늘 한 실습 중 가장 헷갈렸다. 여러번 반복해서 코드 들여다보고 이해하기!!

📌 구구단 계산하기

📍 작성

<%@ 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>
<%
	// out.print("2*"+1); // out.print("2*"+"1"); 문자열+숫자는 숫자가 자동으로 문자열로 바뀜
	
	out.print(2 + "*" + 1 + "=" + (2*1) + " ");
	out.print(2 + "*" + 2 + "=" + (2*2) + " ");
	out.print(2 + "*" + 3 + "=" + (2*3) + " ");
	out.print(2 + "*" + 4 + "=" + (2*4) + " ");
	out.print(2 + "*" + 5 + "=" + (2*5) + " ");
	out.print(2 + "*" + 6 + "=" + (2*6) + " ");
	out.print(2 + "*" + 7 + "=" + (2*7) + " ");
	out.print(2 + "*" + 8 + "=" + (2*8) + " ");
	out.print(2 + "*" + 9 + "=" + (2*9) + " ");
%>
	<br>
	<h1>구구단(가로)</h1>
<%
	for(int dan=2; dan<=9; dan=dan+1) {
		for(int i=1; i<=9; i=i+1) {
			out.print(dan + "*" + i + "=" + (dan*i) + " ");
		}
%>
	<br>
<%
	}
%>
	<br>
<%
	out.print(2 + "*" + 1 + "=" + (2*1) + " ");
	out.print(3 + "*" + 1 + "=" + (3*1) + " ");
	out.print(4 + "*" + 1 + "=" + (4*1) + " ");
	out.print(5 + "*" + 1 + "=" + (5*1) + " ");
	out.print(6 + "*" + 1 + "=" + (6*1) + " ");
	out.print(7 + "*" + 1 + "=" + (7*1) + " ");
	out.print(8 + "*" + 1 + "=" + (8*1) + " ");
	out.print(9 + "*" + 1 + "=" + (9*1) + " ");
%>

	<h1>구구단(세로)</h1>
<%
	for(int i=1; i<=9; i=i+1) {
		for(int dan=2; dan<=9; dan=dan+1) {
			out.print(dan + "*" + i + "=" + (dan*i) + " ");
		}
%>
	<br>
<%
	}
%>
</body>
</html>

⭐⭐⭐

먼저 어떤 방향으로 출력할 것인지 정한다.
정한대로 우선 한줄만 출력해본다.
출력된 한줄을 보고 반복되는 패턴을 찾는다.
(고정된 값은 무엇인지, 일정한 패턴으로 증가하는 값이 있는지)
특정한 패턴으로 바뀌는 값을 변수로 둔다.
변하지 않고 고정되어 있는 값을 상수로 둔다.
첫번째 줄의 변수부터 넣어서 첫번째 for문을 작성한다.
그 다음 전체를 보고, 다시 변수를 추가해서 두번째 for문을 작성한다.

⭐⭐⭐

📍 결과

📌 구구단 표에 출력하기 (1)

✔ for문과 if문을 사용하기

📍 작성

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>무지개 구구단</title>
	<style>
		table, td, th {
			border: 1px solid #404040;
			text-align: center;
		}
		table {
			border-collapse: collapse;
		}
	</style>
</head>
<body>
	<h1>구구단</h1>
	<table>
		<%
			for(int i=0; i<10; i=i+1) {  // tr이 총 10개가 필요하기 때문에 i의 초기값을 0으로 둔다
		%>
				<tr>
					<%
						for(int dan=2; dan<=9; dan=dan+1) { // td는 2단부터 9단까지 총 8개가 필요하다
							if(i == 0) { // 단을 출력할지 구구단을 출력할지 구분할 수 있는 if문을 만들어야 한다
					%>
								<th><%=dan%>단</th>
					<%
							} else {
					%>
								<td><%=dan%> * <%=i%> = <%=dan*i%></td>
					<%
							}
						}
					%>
				</tr>
		<%
			}
		%>
	</table>
</body>
</html>

⭐⭐⭐

표에 반복문을 작성 할 때도 미리 그려보는 것이 헷갈리지 않는다.
tr과 td가 몇개씩 필요한지 갯수를 파악한다.
각 for문이 필요한 갯수에 맞게 반복하도록 작성하여 알맞은 위치에 넣는다.
동일한 tr or td에서 다른 패턴이 출력되어야 한다면, if문을 이용한다.
<% %>를 잘 신경써서 입력한다! (들여쓰기 잘하기)

⭐⭐⭐

📍 결과

📌 구구단 표에 출력하기 (2)

✔ 무지개 배경색 입히기

📍 작성

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>무지개 구구단</title>
	<style>
		table, td, th {border: 1px solid #404040; text-align: center;}
		table {border-collapse: collapse;}
		.red {background-color: #F15F5F;}
		.orange {background-color: #F29661;}
		.yellow {background-color: #E5D85C;}
		.green {background-color: #BCE55C;}
		.blue {background-color: #5CD1E5;}
		.navy {background-color: #6B66FF;}
		.purple {background-color: #F361DC;}
		.gray {background-color: #D5D5D5;}
	</style>
</head>
<body>
	<h1>구구단</h1>
	<table>
		<%
			for(int i=0; i<10; i=i+1) {  
		%>
				<tr>
					<%
						for(int dan=2; dan<=9; dan=dan+1) { 
							String color = null;  // dan에 따라 class명이 달라져야 할 것이다
							if(dan == 2) {        
								color="red";
							} else if(dan == 3) {
								color="orange";
							} else if(dan == 4) {
								color="yellow";
							} else if(dan == 5) {
								color="green";
							} else if(dan == 6) {
								color="blue";
							} else if(dan == 7) {
								color="navy";
							} else if(dan == 8) {
								color="purple";
							} else if(dan == 9) {
								color="gray";
							}
							
							if(i == 0) { 
					%>
								<th class="<%=color%>"><%=dan%>단</th>
					<%
							} else {
					%>
								<td class="<%=color%>"><%=dan%> * <%=i%> = <%=dan*i%></td>
					<%
							}
						}
					%>
				</tr>
		<%
			}
		%>
	</table>
</body>
</html>