inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[필독] calc 함수, vh vw 단위, object-fit 속성, 가상클래스, Flex 사용법

[필독] D,E 강의 설명 중 필수 이론 04 가상 클래스 질문

해결된 질문

191

띵가

작성한 질문수 5

2

안녕하세요 선생님,

저는

spot 메뉴에서 ' | ' 바의 역할이 단어 칸 나누기라고 생각해서

지금까지 키보드 위에 있는 저 바를 html 에 입력하고

a태그로 메뉴를 구성했었거든요,

필독 사항 강의 에서도 반드시 필요한 것은 아니고, 코드 간결을 위해서 사용한다고 말씀해주셨는데, | 부분을 실무에서 코사용할 때 after를 사용하나요? 키보드에 있는 걸 쓰는 것을 쌤은 비추를 하시는지 궁금해서 질문 드립니다..!

HTML/CSS jquery 웹-디자인

답변 1

1

코딩웍스(Coding Works)

시험 보실 때는 그냥 | 이거 사용하셔도 무방합니다. 시험이니까 합격이 목표잖아요.

만약 before after로 만들려면 다 만들고 시간이 남을 때 하세요. after로 하시면 됩니다.

before after 보다 더 간단한건 보더 오른쪽만 그리고 마지막은 보더 안그리기 하시면 편해요.

실무에서 | 이걸 쓰면 html 구조가 지저분해지니까 안쓰는게 맞습니다. 실무에서는 after로 하세요.

보더 오른쪽만 그리고 마지막은 보더 안그리기 하시면 텍스트의 높이와 보더의 높이가 틀려서 조금 어색해요.

보더의 높이가 텍스트의 높이 보다 약간 클 수 밖에 없거든요.

실무에서는 after를 쓰고 너비 1픽셀 높이 적당하게 해서 도형을 만들어서 구분선을 만들면 퍼펙트입니다.

하지만 시험이니까 | 보다는 보더 오른쪽만 그리고 마지막은 보더 안그리기 하시면 제일 좋습니다.

해당 강의 PDF는 어디에 있나요?

1

57

2

2026 웹디자인개발기능사 실기 보는데 필요한 텍스트에디터는 무엇인가요?

1

92

2

예제파일

1

55

1

섹션10-77번강의 내 와이어프레임 pdf 자료 다운로드 어디서 하나요?

1

82

2

보더를 사용해 와이어프레임만드는 강의 html+css소스 다운로드 받을 수 있나요?

1

58

1

시험 시 슬라이드 작성 관련 문의

0

65

1

강의 질문 있습니다

1

69

1

시험 관련 문의

1

61

1

파워포인트 자료 다운로드 버튼 어디에 있나요?

1

55

1

브라우저 화면 줄일 시 빈 공간 발생

0

65

1

서브메뉴가 유지되지 못하고 사라지는데 무엇이 문제 일까요?

1

80

1

슬라이드 및 완성본 관련 사항

1

70

2

D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다

1

90

3

B-4연습중인데 네비게이션의 a태그 두께가 이상하고 슬라이드 다운시 문제가 있습니다.

1

50

2

A2 연습중인데 메뉴 배경색과 서브메뉴 크기, 갤러리 그림 정리에 문제가 있습니다

1

69

2

A1 레이아웃 연습중인데 overflow: hidden이나 box-sizing: border-box;가 적용되지 않는 것 같습니다

1

55

2

레이어 팝업 '닫기' 가 안됩니다

1

62

1

공지사항과 갤러리 탭(안)구성 중 마우스 클릭시 색상변경이 안됩니다.

1

84

2

뷰티파이 설치 관련 문의

1

72

3

웹디자인 기능사 웹디자인개발기능사로 개편 되었는데 이 수업만 들어도 가능?

1

87

2

A유형~C유형 수험자 제공파일 어디서

1

74

1

A1 작업하는데 와이어프레임이 무너지고, hover일부가 적용 안되고 메뉴바가 슬라이드를 밀어냅니다. 탭메뉴도 작동하지 않습니다..

0

122

4

footer 높이 값

1

47

2

div 상하분배?가 안돼요

0

72

2