강의

멘토링

컀뮀니티

Programming

/

Web Publishing

Flex Solution - 2025 Web Design Development Technician (A3, B4, C1, D3, E4, F3)

Through this course, you can learn to solve Web Design Development Technician problems A3, B4, C1, D3, E4, F3 using display:flex. The work speed is fast. Please pause and watch.

2 learners are taking this course

  • dunopi
html
css
제읎쿌늬
웹디자읞Ʞ능사
시험
HTML/CSS
jQuery

What you will gain after the course

  • html, css, jquery

  • Web Design Development Craftsman

This lecture is a video where I solve problems together with test takers preparing for the Web Design Skills Qualification practical exam.

This is an assignment that requires the integrated use of all three technologies: HTML, CSS, and jQuery.


First, the HTML part introduces how to set up the basic structure of a document, along with the usage of tags that frequently appear in exams (such as header, nav, section, footer, etc.). Particularly in the practical exam,

    늬슀튞, [[CODE_1]][[A_2]][[/A_2]][[/CODE_1]][[A_3]] 링크, [[CODE_4]][[IMG_5/]][[/CODE_4]] 읎믞지 삜입곌 같은 Ʞ볞 요소듀을 정확하게 사용하는 것읎 쀑요한데, 볞 강의에서는 읎듀 요소륌 얎떻게 정확히 배치하고 속성을 죌는지 예시륌 통핎 찚귌찚귌 알렀쀍니닀.읎얎서 CSS 영역에서는 왞부 슀타음시튞륌 연동하고, 닀양한 선택자 사용법곌 슀타음 속성 섀정 방법을 닀룹니닀. 예륌 듀얎 position, flex, margin, padding, text-align, font 속성 등 핵심 슀타음 속성듀을 싀제 예제륌 통핎 섀명합니닀. 또한 싀Ʞ시험에서 자죌 출제되는 슀타음 구성 방식(상닚 메뉎, 배너, 윘텐잠 박슀, 푾터 등)에 대한 구현 전략도 핚께 닀룚며, CSS로 얎떻게 시안을 구현핎낎알 하는지에 대한 감각을 Ꞟ러쀍니닀.마지막윌로 jQuery 파튞에서는 시험에서 죌로 요구되는 동적 Ʞ능 구현을 섀명합니닀. jQuery는 HTML 요소의 볎읎Ʞ/숚ꞰꞰ(toggle), 볎읎고 숚Ʞ는 횚곌(show, hide), 탭 메뉎, 읎믞지 변겜, 큎래슀 추가/제거 등 간닚한 읞터랙션을 빠륎게 구현할 수 있는 장점읎 있습니닀. 강의에서는 jQuery의 Ʞ볞 묞법부터 시작하여 $(document).ready()륌 활용한 Ʞ볞 구조 섞팅, 버튌 큎늭 시 읎벀튞 처늬, 특정 영역의 동적 제얎 등 싀Ʞ시험에서 바로 적용할 수 있는 윔드륌 핚께 닀룚고 있습니닀.읎 영상은 닚순한 섀명을 넘얎, 시험장에서 요구하는 싀전 감각곌 윔딩 순서륌 싀시간윌로 볎여죌는 데 쀑점을 두었습니닀. 쎈볎자도 읎핎할 수 있도록 친절하고 닚계적윌로 섀명했윌며, 윔드륌 한 쀄씩 짚얎가며 ì–Žë–€ 의도로 작성되는지륌 섀명하Ʞ 때묞에 학습 횚윚읎 맀우 높습니닀. 싀제 시험곌 유사한 예제도 핚께 구성되얎 있얎 복습용윌로도 활용읎 가능합니닀.읎번 강의륌 통핎 자신감을 가지고 시험에 임할 수 있도록 도와드늎 것읎며, HTML 구조 작성 → CSS 슀타음링 → jQuery 동작 구현까지의 전첎 흐늄을 익힐 수 있습니닀. 싀Ʞ시험에서 고득점을 목표로 한닀멎, ꌭ 끝까지 시청핎 죌섞요![[/A_3]]

Recommended for
these people

Who is this course right for?

  • Those who want to solve it with display:flex

  • Those who want to pass certification exams

Need to know before starting?

  • HTML Fundamentals

  • CSS Fundamentals

  • jQuery Fundamentals

Hello
This is

1,315

Learners

18

Reviews

24

Answers

4.9

Rating

9

Courses

웹디자읞Ʞ능사 싀Ʞ

전국 평균 합격률 60%에

우늬반은 90% 합격쀑읎지용~용용~

Curriculum

All

19 lectures ∙ (8hr 30min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$38.50

dunopi's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!