“＜ ＞ ...＜／ ＞” 기본 구조를 가지는 HTML 작성 방법과 달리… | [전자상거래운용사 필기] 16년 1회차 기출문제 상세 페이지
1[전자상거래운용사 필기] 16년 1회차
“＜ ＞ ...＜／ ＞” 기본 구조를 가지는 HTML 작성 방법과 달리 CSS(Cascading Style Sheets)는 중괄호 “{ }”를 사용한다. 코드 작성 시 (가)보다는 (나)와 같이 중괄호를 연 후 태그들을 중괄호 아래 줄에 쓰도록 하는데 그 이유로 가장 올바른 것은?
| (가) .... .wrapper{width:900px height:500px} .... | (나) .wrapper{ width:900px height:500px; } |
1
코드 작성 시 오류를 줄이기 위해서이다.
2
코드 작성 포맷(format)에 어긋나기 때문이다.
3
디자인을 아름답게 작성하기 위해서이다.
4
스타일(style)을 섬세하게 하기 위해서이다.
해설
중괄호를 연 뒤 선언을 아래 줄에 들여쓰는 이유는 여는 괄호와 닫는 괄호의 짝이 한눈에 보여 코드 작성 시 오류를 줄일 수 있기 때문이다.
(가)는 .wrapper{width:900px height:500px} 처럼 선택자와 여는 중괄호, 선언을 한 줄에 몰아 쓴 형태이고, (나)는 .wrapper{ 다음 줄에 width:900px 와 height:500px 를 들여쓴 뒤 닫는 중괄호 } 를 다시 별도 줄에 둔 형태다. 선언이 늘어날수록 (가)는 블록이 어디서 끝나는지 찾기 어렵고, 실제로 (가)에서는 width 선언 뒤의 세미콜론이 빠져 있는데도 눈에 띄지 않는다. 들여쓰기는 바로 이런 누락을 드러내 준다.
- CSS는 선언 사이의 공백과 줄바꿈을 의미 있게 보지 않으므로, 한 줄로 쓰는 방식 자체가 작성 포맷에 어긋나는 것은 아니다.
- 들여쓰기 여부는 브라우저가 적용하는 스타일 값(폭 900px·높이 500px)을 바꾸지 않으므로, 디자인이 더 아름다워지거나 스타일이 더 섬세해지는 것과는 무관하다.
즉 들여쓰기 규칙은 브라우저가 아니라 사람이 읽고 유지보수하기 위한 가독성·오류 예방 장치다.
내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.