inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

HTML+CSS+JQUERY 퍼블리싱 작업환경 만들기→"1. 블라켓츠(Brackets) 사용법 및 단축키 활용" Emmet문의

해결된 질문

340

HL5PFM

작성한 질문수 66

1

HTML+CSS+JQUERY 퍼블리싱 작업환경 만들기→"1. 블라켓츠(Brackets) 사용법 및 단축키 활용" 강의에서 Brackets 설명하시면서 Emmet 설치에 대해서 설명하셨는데 작년에 시험 칠 때 시험장 컴퓨터에 Brackets은 설치 되어 있는데 Emmet은 없었던 것 같은데 인터넷에서 프로그램 다운 받아 설치 못하도록 하는데 Emmet 설치해야 합니까? 필요한 프로그램 있으면 가지고 와서 허락 받고 설치하면 된다고 하였는데 Emmet 다운 받아서 가지고 가서 설치해야 합니까? 아님, Emmet 없어도 작업하는데는 별상관없습니까?

웹 디자인 jquery HTML/CSS

답변 2

2

코딩웍스(Coding Works)

안녕하세요. 코딩웍스입니다.

질문 주신 글을 기준으로 제가 아는 선에서 답변드릴게요~

1) 에밋을 시험장에서 설치해야 합니까?

에밋은 블라켓에 기본적으로 내장되어 있는 것이 아니기 때문에 익스텐션에서 검색해서 설치해야 합니다.
제가 시험볼 때도 블라켓에 에밋이 설치되어 있었습니다. 혹시나 해서 저한테 강의 들은 학생들과 연락해서 블라켓 에밋 설치여부를 물어봤는데 설치되어 있지 않다고 말한 학생은 없었거든요. 한상진 님이 시험보실 때 에밋이 없었다고 하셨는데 제가 단언할 수는 없지만 블라켓에 에밋이 설치된 상태였거든요. 물론 시험장에 따라 다를 수 있겠지만요.

인터넷이 안되더라도 에밋은 zip 파일로 다운받어서 설치는 가능한데 시험관이 허락할지는 솔직히 모르겠습니다. 시험관들이 이런 세밀한 부분까지 알지 의문이라서요. 이 부분 명확히 대답을 못드려서 죄송합니다.

2) Emmet 없어도 작업하는데는 별상관없습니까?

결론부터 말씀드리면 가능합니다. 하지만 입문자 초급자에게는 작업속도를 줄이는데 조금 부담될거라 생각됩니다. 에밋을 꼭 사용하셔야 4시간 안에 모두 완성하시는데 여유있게 작업하실 수 있습니다. 에밋을 사용하지 못하시면 html 코딩시간이 좀 더 들기 때문에 여유있게 하시기는 조금 어려울거에요. 

제가 아는 선에서 결론으로 말씀 드리겠습니다.

실기시험 보실 때 블라켓에 에밋이 설치되어 있을거라 생각됩니다. 제 경험상 지금까지 전 모든 시험장에 블라켓 에밋이 설치되어 있다고 생각했는데 작년에 없었다고 하시니까 확답은 못드리겠네요.  제 기준에서는 최소한 작년 말과 올해 초에 본 학생들은 에밋은 설치되어 있었습니다. 만에 하나 시험보실 때 블라켓에 에밋이 없다면 에디트플러스에서 에밋과 같은 기능을 하는 zencoding 기능이 있습니다. html 만드실 때 이걸 사용해서 만드시면 시간은 줄이실 수 있습니다.

너무 걱정 마시고 영상 꾸준히 보시면서 연습하세요.
이번 실기시험에서는 확실이 합격하실거라 생각합니다~^^

=================================================================================

참고로 아래 내용은 실기시험 접수하시면 보실 수 있는 내용입니다.

▶ 수험자 지참 준비물
필기도구 흑색 또는 청색, 연필 제외

▶ 검정장 기본시설 이외의 동등한 소프트웨어, 폰트 등 (정품에 한함)을 사용하고자 할 경우 수험자가 지참하여 시험 시작 전 감독위원의 입회하에 설치 할 수 있습니다.
(무료폰트, 프리웨어 소프트웨어(플러그 인 포함)는 설치 할 수 없습니다)

▶ 검정장 시설 목록

* Intel® Core™ i3 이상 
* Adobe CS3 이상,  EditPlus(3.0 이상/한글 또는 영어), Notepad++(6.9 이상/한글 또는 영어), Brackets(1.7 이상/영어), Internet Explorer (10 이상), Google Chrome(50.0 이상)

1

HL5PFM

제가 몰라서 그렇지, 블라켓에 에밋이 설치되어 있었나 봅니다. 감사합니다.

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

1

56

2

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

1

92

2

예제파일

1

55

1

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

1

81

2

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

1

58

1

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

0

64

1

강의 질문 있습니다

1

69

1

시험 관련 문의

1

61

1

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

1

55

1

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

0

65

1

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

1

78

1

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

1

69

2

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

1

90

3

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

1

50

2

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

1

68

2

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

1

55

2

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

1

62

1

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

1

84

2

뷰티파이 설치 관련 문의

1

71

3

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

1

86

2

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

1

73

1

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

0

122

4

footer 높이 값

1

47

2

div 상하분배?가 안돼요

0

72

2