'#' 문자로 구성된 삼각형을 출력하려면 중첩 for 루프(nested for loop)를 활용해야 합니다. 바깥쪽 루프는 삼각형의 행(row) 수를 제어하고, 안쪽 루프는 각 행에 출력될 '#' 문자의 개수를 결정합니다.
예제 코드
아래 코드를 실행하면 '#'으로 이루어진 삼각형이 화면에 출력됩니다.
<html>
<head>
<body>
<p>삼각형 출력</p>
<script>
var i, j;
for(i=1; i < 5; i++) {
// 내부 루프
for(j=1; j<=i; j++) {
document.write('#');
}
document.write('<br/>');
}
</script>
</body>
</html>
실행 결과
삼각형 출력
#
##
###
####
코드 동작 원리
위 코드의 동작 방식은 다음과 같습니다.
1. 바깥쪽 루프: 변수 i가 1부터 4까지 증가하면서 총 4개의 행을 생성합니다. 이 값이 곧 삼각형의 전체 높이가 됩니다.
2. 안쪽 루프: 변수 j가 1부터 현재 i 값까지 반복하며 해당 행에 출력할 '#' 문자의 개수를 결정합니다. 예를 들어 첫 번째 행(i=1)에서는 '#'이 1개, 두 번째 행(i=2)에서는 2개가 출력됩니다.
3. 줄바꿈 처리: 안쪽 루프가 종료되면 document.write('<br/>')를 통해 줄바꿈을 추가하여 다음 행이 새로운 줄에 출력되도록 합니다.
이러한 구조 덕분에 각 행마다 문자가 하나씩 늘어나는 계단식 삼각형 모양이 완성됩니다. 루프 조건의 숫자(5)를 변경하면 삼각형의 크기를 자유롭게 조절할 수 있습니다.