구구단...
역시 문법과 실습의 체감 난이도의 차이는 상당하다;;;
✅ 구구단
<%
// out.print("2*"+1); // out.print("2*"+"1"); 출력: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<10; dan=dan+1) { //8번
for(int i=1; i<10; i=i+1) { //9번
out.print(dan + "*" + i + "=" + (dan*i) + " ");
}
%>
<br>
<%
}
%>
<h1>구구단(세로)</h1>
<%
for(int i=1; i<10; i=i+1) {
for(int dan=2; dan<10; dan=dan+1) {
out.print(dan + "*" + i + "=" + (dan*i) + " ");
}
%>
<br>
<%
}
%>⌨ 구구단 테이블 만들기
<%@ 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>
<style>
table, td {
border: 1px solid #000000;
border-collapse: collapse;
text-align: center;
}
</style>
</head>
<body>
<h1>구구단(세로)</h1>
<table>
<!-- 1행 -->
<tr> <!-- 구구단 이름-->
<%
for(int dan=2; dan<10; dan=dan+1) {
%>
<td> <!-- 2단~8단 -->
<%=dan%>단
</td>
<%
}
%>
</tr>
<!-- 2행~10행 -->
<%
for(int i=1; i<10; i=i+1) {
%>
<tr> <!-- i가 1~9까지 반복하여 총 9행이 만들어진다-->
<%
for(int dan=2; dan<10; dan=dan+1) {
%>
<td> <!-- dan이 2~9까지 반복하여 총 8열이 만들어진다 -->
<%
out.print(dan + "*" + i + "=" + (dan*i) + " ");
%>
</td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>💪느낀점
- 반복문을 새롭게 배웠는데 쉽지 않다. 특히 구구단에 테이블을 씌운 것과 같이 html과 함께 쓰이는 경우 더 헷갈린다. 앞으로 수업시간에 반복문을 사용하게 되는 경우 더 집중해서 연습할 것이다.
- 주석을 다는 것을 자꾸 잊는다. 나중에 스스로 복습하고 이해하려면 주석을 꼼꼼히 쓰는 연습을 해야겠다. 내 언어로 직관적이고 간결하게 적을 수 있더록 놓치지 말자!
- 아직 css에 대한 지식이 많지 않아 원하는 스타일을 구현하지 못하니 아쉬운 마음이 계속 든다. 그래도 조급해하지 말고 중요한 자바 문법을 정확히 사용할 수 있도록 연습하자.
개발자로 가는 길 🏃♀️