강의

멘토링

커뮤니티

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.

1 learners are taking this course

  • dunopi
html
css
제이쿼리
웹디자인기능사
시험
HTML/CSS
jQuery

What you will learn!

  • 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,281

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!