PHP로 루프(loops) 예제 연습 : 곱셈표 만들기
필그램
·2017. 6. 18. 00:30
다음과 같은 표를 HTML과 PHP로 만들어보는 것입니다.
정사각형의 표인데 맨 윗줄과 좌측은 <th> 태그를 사용하면 되겠죠.
<CSS>는 직접 해보셔도 되고, 일단 자료를 사용해도 됩니다
<style>
body {
background-color: #fff;
color: #111;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin-left: 20px;
font-size: 85%;
}
h1 {
color: rgb(14, 97, 140);
margin-left: 15px;
margin-bottom: .2em;
}
table {
table-layout: fixed;
border-collapse: collapse;
margin-top: 0;
}
th, td {
width: 35px;
height: 35px;
text-align: center;
}
td:not(:first-of-type) {
border-left: 1px solid #111111;
}
th {
background-color: #faebd7;
}
tr:nth-child(odd) {
background-color: #f0f8ff;
}
</style>
제가 작성해본 <php> 코드는 아래와 같습니다.
<body>
<h1>Multiplication Table</h1>
<table>
<?php
for ($i = 0; $i <= 12; $i++) {
echo "<tr>";
if ($i == 0) {
for ($j = 0; $j <= 12; $j++) {
echo "<th> <b>";
if ($j == 0) {
echo "";
} else {
echo $j;
}
echo "</b></th>";
}
} else {
for ($j = 0; $j <= 12; $j++) {
if ($j == 0) {
echo "<th> <b>";
$j_temp = $i;
echo $j_temp;
echo "</b></th>";
} else {
echo "<td>";
echo ($i*$j) ;
echo "</td>";
}
}
}
echo "</tr>";
}
?>
</table>
</body>
저는 전체를 단순히 for문 으로만 작성했고요.
while 문을 섞어서 작성하는 방법도 있습니다.
두번째 방법으로 php 부분만 교체한 것입니다.
<?php
//첫행 작성
echo '<tr>';
echo '<th> </th>';
for ($col = 1; $col <= 12; $col++) :
echo "<th>$col</th>";
endfor;
echo '</tr>';
// 나머지 행 작성
for ($row = 1, $col = 1; $row <=12; $row++) :
echo '<tr>';
if ($col == 1) {
echo "<th>$row</th>";
}
while ($col <=12) :
echo '<td>' . $row * $col++ . '</td>';
endwhile;
echo '</tr>';
$col = 1;
endfor;
?>
아래의 방법과 위의 방법은 같은 내용이지만, 아래는 좀더 다양하게 작성되었습니다.
여기서 if 문의 값 비교는 $i == 0
로 썼습니다.
그럼 JAVA에서는?
equals를 쓰겠죠..
if("C".equals(item)){
System.out.println(item);
SWIFT는?
다시 '==' 을 씁니다.
예) if diceRoll == 7
'프로그래밍' 카테고리의 다른 글
Git(깃) : 명령어 정리 - 처음 그리고 추가 프로젝트 올리기 (0) | 2017.11.14 |
---|---|
RESTful programming 이란? (0) | 2017.09.13 |
SQLite 에서 기존 배포된 DB 테이블 변경시 활용하는 헬퍼(SQLiteOpenHelper) 클래스 (0) | 2017.08.03 |
[JAVA] 스택과 큐(Stacks and Queues) 알아보기(2) (0) | 2017.07.14 |
맥북(MAC or OSX) 화면캡쳐 저장 및 저장 디렉토리 바꾸기 (0) | 2017.07.01 |