강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

sin-jiho님의 프로필 이미지
sin-jiho

작성한 질문수

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

7. 세로 2컬럼 와이어프레임(C1~C4) - 배경색 사용해서 HTML+CSS 구조만들기

보더, 배경색

작성

·

151

1

안녕하세요 선생님 드롭다운네비게이션 강의 보다가 

마지막에 와이어프레임을 만든 후 연습하라고 해서 

갑자기 궁금해져서요!

보더랑 배경색으로 만드는 2가지 방법이 있는데 좀 더 추천하시는 방법이 있나요? 

개인적으로는 배경색으로 하는게 더 쉬울꺼 같은데 

드롭다운강의 하시는거 보면 다 보더로 그려져 있는거 같아서요

*드롭다운 네비 마지막에 와이어프레임을 잘할줄알면 ~ ... 이라고 자신감을 주셔서 감사합니다.

퀴즈

53%나 틀려요. 한번 도전해보세요!

웹 디자인 실기 시험에서 레이아웃 제작이 중요한 이유는 무엇일까요?

디자인 요소 배치에만 영향을 주기 때문

실기 시험의 시작점이며 다른 모듈 진행에 필수적이기 때문

특정 브라우저 호환성 문제 해결에만 필요하기 때문

복잡한 스크립트 구현보다 어렵기 때문

답변 1

0

시험보실 때 보더 그리기와 배경색 그리기 2가지 중 편한 것을 선택하시면 됩니다.

하지만 배경색으로 와이어프레임을 그리면 패딩과 보더가 늘어났을 경우 box-sizing: border-box를 주어야 하는 경우가 생깁니다. 보더로 와이어프레임을 만든 경우 나중에 보더와 패딩으로 인해 레이아웃이 망가지는 일이 없지만 배경색으로 그리는 경우 레이아웃이 망가지면 꼭 box-sizing: border-box로 잡아줘야 합니다.

실무 작업도 보더를 그리는 방법을 대부분 사용하기 때문에 보더 사용해서 와이어프레임을 만들고 필요한 곳에 box-sizing: border-box를 주는 방식으로 학습하시는것을 추천드립니다.

sin-jiho님의 프로필 이미지
sin-jiho

작성한 질문수

질문하기