This is a practical exam specialist lecture that is optimized for the practical exam content that exactly matches the exam criteria implemented until the Web Designer Qualification Exam Criteria (2025.1.1~2025.12.31), and the HTML+CSS+JQUERY Publishing, Coding Works Web Designer Qualification Exam Practical Exam Lecture is different. It includes both the perfectly produced D-type and E-type classes added in 2023 and the perfectly produced F-type classes added in 2024.
HTML+CSS+JQUERY Core Theory
Create a personal portfolio website for web publishing employment
Improve your website creation skills and know-how
Passed the Web Design Technician Practical Exam with a High Score
2025 Web Design Technician Qualification Exam Information: http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798
▲ As of 2023, 3,991 people took the exam, 2,298 passed , and 1,693 failed.
(In 2023, 1,693 people prepared hard for the exam, applied, and went to the test center to take the exam, but failed. It is not an easy exam, so you should prepare reasonably for the exam.)
The practical exam application is held for 4 days. You can apply on Q-Net from 10:00 AM. Although the application period is 4 days , it all closes between 10:00 and 10:30 AM on the first day of application. Therefore, you must log in to Q-Net before 10:00 AM and standby to apply for the practical exam. Unlike the written exam, the practical exam must be held at a specific testing site, so the number of people taking the practical exam is fixed for each session. I have seen many students who were unable to take the exam because they were unable to register for the practical exam. Therefore, please log in and standby before 10:00 AM on the first day of application.
Please check the schedule carefully and I hope you pass this year!
I downloaded the newly posted 2025 public questions from the official website of the Web Design Engineer and compared them with the 2024 public questions. There is no change in the exam content, but there are two changes.
First, the practical exam time was adjusted from 4 hours to 3 hours to increase the difficulty of the exam.
Second, the name of the qualification has changed from ‘Web Design Specialist’ to ‘ Web Design Development Specialist ’.
There are no additional changes to the 2025 exam. If there are any changes or additions to the 2025 exam, they will be updated as soon as possible and there will be no additional cost. (As of December 6, 2024)
The production videos for the four additional F types (F1,2,3,4) added in 2024 have been updated. There are no new production modules for the F type. However, you can think of it as just one more layout being added. I don’t think you will have much of a burden preparing for the practical exam because of the four additional F types.
Until 2023, there were 20 types in total, 4 each of Type A, Type B, Type C, Type D, and Type E, but from the first test in 2024, 4 types of Type F were added. So, you have to study a total of 24 types.
The organizers significantly raised the test age in 2023, but increased the test difficulty slightly starting in 2024.
✅ The F-type class video added in 2024 is currently being prepared.
The first practical exam in 2024 is from 2024.03. 16 to 2024.03. 29 , so you can study the current content except for Type F. If you are good enough at Types A, B, C, D, and E, Type F will not be much different except for the overall layout. However, it seems tricky that the overall layout design is centered at 1340 pixels, but only the slide section has to be 100% browser-wide.
※ Type F also has the same slide method, tab menu, navigation, and modal as types A, B, C, D, and E.
The F-type class videos and materials will be ready by the end of January at the latest. It may be a little earlier. I expect it to be around January 20th.
※ Please download and check the public issue PDF files for 2023 and 2024 from the section below.
2024 Web Design Technician Qualification Exam Information : http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798
▼ F1 layout and module creation contents
▼ F2 Layout and Module Creation Contents
▼ F3 Layout and Module Creation Contents
▼ F4 Layout and Module Creation Contents
It's not a study question, but I don't think there's anyone around me who has taken the F type test.
I remember that the information was not accurate, so it may seem like a waste of time, but it is different from other test takers.
I'm writing this post right after my exam to help you, teacher!
I've been strangely concerned about Type F all week, and I guess I had a gut feeling that I was going to have a test today😭😭
1. As per the lecture
I studied by grouping slide-image and slide-banner in .slide.
On the test paper, the part that we called slide-banner was called <Shortcut> in the instructions, and the shortcut part inside content-inner was called banner in the test paper. Although the only difference was the name of the code group, I thought it would be better to change the code name and study so that those preparing for Type F would be less confused! I also got confused when I read the 'Shortcut' instructions in the middle and wrote it as slide-banner like usual, so I just unified the code name with the name requested in the instructions!
2. I have something to say about the colored part of the pink box~
I don't know if you remember, but...😭😭
I was wondering if there are any instructions for entering text in the F type slide-banner link section on 24.03.27
I have posted a question..!
Unfortunately😭😭 As I expected, the test instructions included a section asking for text for each anchor.
There was a text that asked me to insert it into the provided text notepad😭😭
And the total number of images that went in was 5, the same as the layout.
However, there is no specific instruction on where to place the text in the image.
So I
Just like inserting a span into a gallery image by entering text as span
I made it by placing it vertically and arranging it using display:block processing.
Instead of creating the image with Illustrator or Photoshop, you should have inserted the image provided..!
After I arranged it, it felt like I had randomly pasted photos on top of the slide images.
I gave it a background color and adjusted the transparency to make it look like an icon that is separate from the slide image.
I made it.
3. And the notice section! The part on the right where the teacher wrote ???😭😭 in light blue was really blank!! However, the part where I was surprised and said "Huh?" in the notice section was because the tab-inner width may not be wide.
I studied layout and abbreviation using em/b tags in the notice section.
There was no date input!
So, I simply placed the anchor in the center and decorated it by blocking it.
The mistake I made was not giving the footer menu a border bottom.
There are two things: I made the menu sub-back width size the same as the header size (I made it like type A sub-back😭)
Everything else worked fine and I was able to solve it with the mindset that it was good enough!! 😭😭
If I continue like this and fall into those two problems, I think I'll be so embarrassed and ashamed..😭😭😭😭
Still, I'm so proud that I can figure out and create so many structures on my own.
And maybe because Type F is a type I've never seen before...
Today, I went to the test center and 12 people took the test, but 6 of them gave up and left.
It took me about 2 hours and 20 minutes to complete all the verification and submit.
By that time, there were three people who had submitted, including me, and there were three people left when I left the classroom.
The acceptance announcement date is April 9th, I really hope I pass😭😭
It was an online class, not a face-to-face class, but I learned so much😭😭
Thank you😭😭!
The jQuery method slide production video has been updated. Starting in 2023, with the addition of D-type and E-type, the difficulty of the practical exam will increase, so it is necessary to produce the slide production method more easily and conveniently. So, the existing jQuery method video has been produced as a new video.
If you create it with the existing CSS slider, there may be some negative points. There is a CSS slider lecture, but I recommend that you create a slider using jQuery. (In fact, you can learn whichever method is more convenient and take the test without any problems in passing.)
In the case of CSS slides, it looks a little awkward to go from slide 1, 2, 3 to slide 1 again and then go to 1, 2, 3, but jQuery slides naturally go from slide 1, 2, 3 to slide 1, 2, 3 again. Soon, it will be possible to create more perfect slides than CSS slides.
If you look at the jQuery code, I think you'll find it very easy and understandable because it's short.
※ There are 6 lines of jQuery code, but only 3 lines of code actually work.
▼ You can watch and download the jQuery slide production video and files below.
The D, E type production lectures newly added to the web design technician practical exam from 2023 have been updated. The added videos are nearly 7 hours long. The difficulty of producing D, E types has increased and the amount of learning has increased, so please prepare in advance and study.
The newly added D-type and E-type production lectures in 2023 have been updated. The D-type and E-type production lectures are in Section 09. As shown in the production video , you must complete all A, B, and C types before taking the D-type and E-type production lectures.
▼ D1 Layout and Module Creation Contents
▼ Preview of the final version of the new D-type (D1) added in 2023
▼ D2 layout and module production contents
▼ Preview of the final version of the new D-type (D2) added in 2023
▼ D3 layout and module creation contents
▼ Preview of the final version of the new D-type (D3) added in 2023
▼ D4 layout and module production contents
▼ Preview of the final version of the new D-type (D4) added in 2023
▼ E1 Layout and Module Production Contents
▼ Preview of the final version of the E-type (E1) newly added in 2023
▼ E2 layout and module production contents
▼ Preview of the final version of the E-type (E2) newly added in 2023
▼ E3 layout and module production contents
▼ Preview of the final version of the E-Type (E3) newly added in 2023
▼ E4 Layout and Module Creation Contents
▼ Preview of the final version of the E-Type (E4) newly added in 2023
The 2024 Web Design Technician Practical Examination information has been released. The written and practical web design technician test criteria are the same as the 2022 test criteria. And the web design technician practical exam open questions are exactly the same as in 2022, but D-type and E-type have been added from 2023. The web design technician practical exam open questions have been updated in the section below.
[Additional Information] Four more F types have been added starting from the first round in 2024. (Total of 24 types)
The only thing that has changed since 2022 is that in Technical Compliance 10 on page 5 of the Public Issues, the part that says it should work well in Internet Explorer has changed to "it should look good in MS Edge." Checking MS Edge instead of checking the result in Internet Explorer means that almost all CSS properties, such as FLEX, can be used. In other words, you can think that the burden of cross-browser compatibility has almost disappeared for test takers when creating results. (Since it is an exam, we recommend that you learn and take the exam in the way you learned in class to pass safely.)
- The web design technician practical exam is by no means an easy exam!!
- Passed the Web Design Specialist Certification with a high score! Easy and concise code is guaranteed.
- Get a web design specialist certificate and get a job as a web designer to increase your salary~!!
The current web design technician examination criteria are valid from January 1, 2025 to December 31, 2027.
This lecture was created as a practical exam lecture that perfectly matches the current exam criteria.
2025 Web Design Technician Qualification Exam Information: http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798
Starting with the third practical exam in 2021 , only the Visual Studio Code text editor can be used . Brackets and Dreamweaver , which were previously installed as text editors, will not be available starting in 2022, according to the instructions on the Q-Net official website. So in conclusion, you can prepare for the exam using either Notepad++ or Visual Studio Code. Of course, you won't need to use EditPlus and Brackets , so you can use Visual Studio Code to study for the practical exam.
https://www.q-net.or.kr/cst006.do?id=cst00602&gSite=Q&brdId=Q006&code=1204&artlSeq=5199079
As stated in the instructions above, it says, " Plugins (separate applications, add-ons) cannot be installed. " This means that since the Visual Studio Code extension is not installed, you must take the practical exam with the basic functions of the Visual Studio Code program. So, please install Visual Studio Code and study without installing a separate extension. You must prepare for the exam in the same environment as the practical exam site . Out of the four Visual Studio Code lectures in the image below, only study the two in red boxes. Of course, if you are studying Visual Studio Code for practical work, you must study all four.
For the practical exam of the web design technician, you only need to study the two videos in the red box among the Visual Studio Code usage in the course . ( The extension is not installed in the practical exam room. )
Auto-save is a feature of Visual Studio Code itself, not an extension feature, so please check the detailed method of auto-save on the Coding Works Inflearn blog. https://www.inflearn.com/blogs/728
1) From 2022, cross-browser checks will be performed on Edge and Chrome in the technical compliance requirements for the web design technician practical exam. The previous IE (Internet Explorer) has been officially excluded. 👍
2) After learning the existing method of horizontal layout using float, learn Flex layout ( Flex layout is not required )
You should refrain from learning Flex layout without knowing Float and Position layout.
3) If you use it, it is recommended to use Flex layout only for the overall layout ( refrain from using Flex for detailed layout )
Option 1) Flex layout (full layout) + Float, Position (layer pop-up, navigation, notice)
Option 2) Float, Position (overall layout, layer pop-up, navigation, notice)
※ We recommend that you learn the existing method of arranging with Float to create the entire layout using Flex before using it in the final production.
Please watch the theory video lectures on the Coding Works Publishing YouTube channel in parallel. Of course, not all theory videos are on the YouTube channel, but most of the important theory videos are there. Since there are many videos, it is recommended to search for videos as in the example below.
Coding Works Publishing YouTube Channel: https://www.youtube.com/codingworks
▲ This is a review of a student who passed the Inflearn Coding Works Web Design Technician Practical Course. It was rewarding~^^
Hello! It's been a while since I wrote a question! To get to the point, I just got a call today saying I passed with 89 points and I've already finished applying for the notebook-type certificate :)
Actually, I couldn't study properly because I was doing other things, so I had to cram for a month in a hurry. I thought it would be helpful to those who are currently preparing to become a web design technician, so I wrote this at length.
You might be wondering what I mean by a one-month cram, so let me explain first. I majored in video, advertising, and design, and I studied for web design last summer, passed the written exam, but before preparing for the practical exam, I got a job (in the design field) first, so I got it late ^-^;;
Since I had studied before, I was able to cram for a month😢😢
As for how I studied, I didn't study by watching the lectures and following along.
I studied by making things myself with the information I had, watching the lectures, and learning how the teacher did it.
To give a concrete example,
If I learned the A type layout, I would make the B type myself, and if I learned the wireframe theory, I would make it myself first using only that theory. It takes a long time to study right away, but it is memorized quickly, and if you make it yourself even once like this, you will be able to make it by yourself after the 2nd or 3rd time.
Also, as the teacher said in the middle of the video, even though the teacher copied and pasted things he had made before, I think it was also a big factor that I personally created the frame by typing each one out myself each time.
Maybe it's a natural way of studying, but it takes a lot of time and I try to do it first, so there are things that don't work out at first. Then I think, "Why?" and when I listen to the teacher's lecture, I find out why it didn't work, and I think that's a big part of studying.
I wrote this in the hope that it would be of some help. Thank you :)
Thanks to you, I did well on my exam!
Author: f1rstf1y9 / 2021.12.05 10:28 PM
I'm going to write a review after I pass the course, so I'm posting a thank you message on the community first!
I'm actually a college student majoring in this field, so I've only taken HTML and CSS-related lectures twice as major classes. In major classes, I just memorized the lecture content that I didn't understand well for the test, and after the test, I forgot it. So when I was preparing for the web design technician practical exam, I didn't know how to prepare for it, and I was lacking basic knowledge. But after listening to Coding Works' lecture, I feel like I've finally received a proper lecture. The test is over today, but I think the content I learned from this lecture will stay in my memory for a long time.
After registering for the exam, I studied on my own with YouTube lectures, but I couldn't get it into my head like I did when I was taking major lectures, so I wandered around and found this lecture. Since I was watching a free lecture, I was worried about whether it was right to invest money in this lecture when there was only about a month left for the exam. I think I didn't need to worry😊😊
I'll leave a personal review of the exam in case others see it. I had been using Visual Studio well before taking the lecture, so I continued to study with Visual Studio Code and passed the lecture on Brackets. I even registered for the exam at a place with vscode. But when I went to the exam today, there was only Brackets... I was confused at first, but the shortcuts were the same as what I learned in the lecture, and most of all, the lecture content was Brackets, so it was a familiar interface, so I was able to adapt without difficulty and take the exam without any problems! The exam was on JUST Shopping Mall, and it was a type that was also in the final version production lecture, so I wrote most of the code without any problems and submitted it first after checking it several times! If it weren't for this lecture, I might have dropped out in the middle like some people....😭😭 I'm really glad I took Coding Works' lecture😊😊
Thank you for the great lecture. I will write a review after I pass the course:)
----------------------------------------------------------------------------------------------------
I passed!
A customized course that is confident of passing the practical exam with a total of 30 hours, 112 lectures, and 18 key materials.
A total of 27 HTML+CSS+JQUERY core theory lectures
Complete analysis of the practical test production module (layout, slide, navigation, tab menu, layer pop-up)
The biggest challenge in passing the web design skills test! Slide production
Coding Works lectures are not only about creating jQuery, but also perfectly implementing slides with pure CSS.
Depending on the student's preference, you can choose between creating jQuery slides or CSS slides.
CSS slide animations (horizontal slides, vertical slides, crossfade slides)
jQuery slide animation (horizontal slide, vertical slide, crossfade slide)
3 videos of the final version of the practical exam with all production modules included
Essential Photoshop CS6 usage and image production video for the web design technician practical exam
Download all production modules and the final 3 production files as well as the HTML+CSS theory textbook
Coding Works lectures are not about whether you pass or not, but a real lecture that focuses on how high you can pass.
Detailed video on the day of the practical exam, including the test site atmosphere, procedures, tips, submission methods, and how to apply for a certificate.
- Those who wish to pass the practical exam for the web design technician qualification
- Those who want to maintain, modify, and supplement the website on their own
- Those who want to change their career from web design to web publisher or strengthen HTML+CSS+JQUERY publishing
- Web planners who want to increase their understanding of web publishing
- Developers who want to increase their understanding of front-end publishing
- You can pass the web design technician practical exam with a high score.
- You can systematically improve your HTML+CSS+JQUERY publishing skills.
- You can improve your website creation know-how.
- You can create a personal portfolio website for web publishing jobs.
- Basic computer skills and internet browser usage skills
- Basic English typing skills for coding
- Lecture contents optimized for the 2024 exam criteria (complete analysis and application of 12 types)
- Easy and concise code guarantees high passing score and safe passing
- Systematic course to develop skills that can be applied immediately in practice
- More than 30 hours of faithful lecture content
- Special lectures by skilled instructors who teach students directly in the field
- HTML+CSS+JQUERY theory study book PDF textbook file provided
- A practical web publisher and an instructor who teaches offline classes at a famous academy
- An instructor with sufficient teaching experience and know-how to provide good lectures
- Special know-how for passing the practical exam from an instructor who has taught classes for the practical exam of web design technician certification for several years
- An instructor who knows very well the level and needs of students preparing for the practical exam for the web function engineer certification.
- An instructor who presents a realistic and efficient learning method with code that is easy for beginners and novices to understand.
▲ Details on the Coding Works Publishing PDF textbook provided free of charge to students
▼ Horizontal slide
▼ Vertical slide
▼ Crossfade slide
▼ Submenu that drops down individually on the left side of the navigation
▼ Submenu that drops to the right individually from the left navigation
▼ Submenu that drops down individually from the top of the navigation
▼ Mega menu where all submenus at the top of the navigation drop down
▼ Mega menu where all submenus at the top of the navigation drop down along with the background
▼ Horizontal fixed final version
▼ 100% horizontal final version
▼ Final version of vertical 2 columns
Internet access is not available in the testing center.
So the live server extension cannot be installed.
When coding in Visual Studio Code, you need to save it and refresh the browser to check it.
When you go to the testing center, simply set the settings below and take the test.
Please refer to the Coding Works blog content below.
[Must Read] Visual Studio Code Settings Must-Read When Taking the Web Design Technician Practical Exam https://www.inflearn.com/blogs/1221
Q. The jQuery section in the PDF textbook doesn't have much content.
A) jQuery is so vast in its nature that it is difficult to include all the content in a PDF textbook, so there is content on basic usage and essential functions, events, and method usage. And for beginners who are new to publishing, CSS and FLEX are most important, so 170 pages, which is 90% of the PDF textbook, are allocated.
Q. What is the difference between Coding Works Publishing Core Theory PDF textbook and textbooks on the market?
A. We have excluded content that you don't need to know right away, content that is not important, and only included the essential key points. Coding Works textbooks are PDF textbooks that have been supplemented from textbooks used in offline academies for many years. In particular, they contain many Coding Works lecture tips that are not found in textbooks on the market.
Q. How big is the download content?
A) The total size of the content you are downloading is 42MB. The PDF theory textbook has been uploaded in 5 parts for your convenience. You can receive them individually. And the practice example files are well organized into folders when unzipped.
Q. I will print it out and look at it, but is the PDF textbook high-quality?
A) Since the PDF file is produced in high quality 300 dpi, you can print it clearly.
Q. How can I use the downloaded content?
A) All downloaded content is files produced by Coding Works. Coding Works PDF textbooks may not be used for any other purpose or distributed to others other than the personal study purpose of the person who registered for the course. Also, the part of the PDF file that displays Coding Works may not be edited and used as teaching material.
If you have any questions while learning, please ask. When asking questions, you must upload the content that is not working, the code, and a screenshot of the browser result. In the case of code, you must copy and upload all of the HTML, CSS, and JS codes so that we can give you an accurate answer.
Please capture the browser result screen and copy and upload the code so that we can give you an accurate answer.
Interview and employment-inducing publisher personal portfolio homepage production, scss, sass, flex, grid, html, css, html/css, website, web publisher, publisher employment, website, coding, coding, jquery, javascript, jquery, javascript, layout, interactive web, interactive web, web design, web design, portfolio, publishing, responsive web, web design technician practical exam, bootstrap, bootstrap, css frameworks, framework
Who is this course right for?
If you are new to web coding
Those who want to pass the practical exam for the Web Design Technician qualification
Those who want to make website maintenance and corrections themselves
Those who want to change their career from web design to web publishing or strengthen HTML+CSS+JQUERY publishing
Web planners who want to increase their understanding of web publishing
Developers who want to improve their understanding of front-end publishing
Need to know before starting?
Basic computer skills and internet browser skills
Basic English typing skills for coding
12,605
Learners
743
Reviews
2,113
Answers
4.9
Rating
23
Courses
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
All
149 lectures ∙ (37hr 46min)
Course Materials:
All
97 reviews
4.9
97 reviews
Reviews 1
∙
Average Rating 5.0
5
꼼꼼하게 알려주시고 도움 많이 되었습니다! 다만 html을 아예 모르는 생초보가 들으면 따라가기 어려운 부분들도 있을 것 같아요 한번은 개념 익히고 보시는 것을 추천
코딩웍스입니다. 먼저 수강평 감사합니다~ HTML 이론 영상이 많으면 학습 초반 부분이 너무 길어질 것 같아서 HTML 이론 부분을 간소화 했는데 이 점이 아위우셨군요. 부족하다고 생각되시는 HTML 이론 부분은 저의 유튜브 채널에 길게 자세히 되어 있는 영상들이 많이 있으니까 그 영상들을 참고해주세요. 코딩웍스 온라인 강의가 도움이 되고 있다니 기쁘니다~^^ 웹디자인 기능사 실기시험에 고득점으로 합격하시길을 기원합니다.
Reviews 1
∙
Average Rating 5.0
5
정말 잘 배우고갑니다! 우선, 처음으로 말씀드릴 부분은 "독학하기 어렵다" 라는 주제입니다! 어떤 공부를 하더라도 물론 시도는 해볼 수 있지만 아시다시피 난이도가 있다면 금방 포기하게 됩니다(혹은 미루게 되거나) 저는 이X적 책을 구매하여 시험을 준비하였으나... 필기까지만 책 보고 실기는 그쪽 영상도 어디서 복사해온 텍스트를 붙여넣기 하면서 설명할 뿐이더군요... 참 답답했습니다. 하지만 카카오톡 요새 잘되어있으니까 오픈톡방 이곳저곳 다녀보다가 솔직히 잘 알려주는곳도 없었고... 저같아도 합격한지 오래되었으면 현직자 질문에 더 대답을 많이 해줄꺼라고 생각은 합니다! 그래서 그분들중에 한분이 이쪽 "코딩웍스 선생님" 을 추천하시더군요! 저는 덕분에 소개글 이런거 안보고 기초부터 다져준다고 하니 바로 칼결제 했습니다. (실화입니다) 그리고나서 1강부터 천천히 보기 시작하는데 팩트는 이해가 쉽게 될 수 없겠죠... 하지만, 저는 꼭 따야겠다라는 생각 하나만 가지고 이론부터 쭉 [순서대로] 강의를 보다보니 어느새 직접 영상을 따라하지 않고 혼자서 미리 만들어 두더군요. 딱 이때 느꼈습니다. 아 이건 지금부터가 시작이구나... A유형이 제일 쉬운편에 속하며 제일 여러가지 관점에서 이해할 수 있는 포인트가 많습니다! 즉, 다른걸 만들 때 마저도 응용해야하는 프로세서를 도중에 파악을 빨리 하는사람이 쉽게 배우는데 제가 모르는게 많았어도 그냥 머리박으면서 기출문제 따라하면서 왜 그럴수밖에 없었는지 대체 왜 이렇게해야 결과값이 나오는지 꾸준히 고민하고 공부했습니다. 3일차가 되니 A, B, C의 레이아웃을 만드는데 성공하였고 7일차가 되니 A, B, C의 완성본을 스스로 혼자서 아무 길라잡이도 안보고 오직 강의 하나 들었던 그 경험으로만 끝내버렸습니다. 이후 D, E 유형은 C 유형만 안보고 만들 수 있는 사람이면 무조건 할 수 밖에 없는 단계로 이루어져있어서 아마 지금 조급해 하시는분들은 C가 제대로 안되어있어서 D, E를 못넘어가시는거다 이렇게 생각할수도 있을거라고 봅니다! 결국 합격하였으며 고득점은 아니지만 (디테일 다버림) 코딩웍스 선생님의 강의 하나만으로 1시간 20분만에 시험장 끊고 바로 나올 수 있었습니다. (질문도 정말 자기가 이도저도 안될때 그런것만 물어봤음) 여기까지가 제 경험담입니다! 정리하겠습니다 1. 당신이 코딩웍스 강의를 결제해야하는 이유 : 주변에 눈씻고 찾아봐도 1:1로 알려줄 사람이 없다. 2. 독학은 아무리 네임드 책 사서봐도 이해가 안되고 어려워서 중간에 무조건 포기하게 될 것이다. 3. 이곳저곳 좋은 강의를 찾아보다가 이 댓글을 보게되었을때 1초의 망설임없이 그냥 결제버튼부터 눌러라 4. 다양한 변수에 대처 가능한 방법들도 많고 당신이 간절하다면 최소 7일 최대 14일 안쪽으로는 빡세게 공부하여 합격할 확률이 80%정도는 된다고 생각한다.. 아니? 90%로 생각한다 5. 이해가 안되고 그냥 뭔가 잘 안된다 싶으면 기출문제 그 부분만 자동으로 타이핑 될 때까지 연습해보자. 6. 신규문제는 시험장에 자주 안나올뿐더러 강의에서 알려주는 D, E 유형 또한 고퀄리티의 프로세서이다. 7. 컴퓨터는 당신보다 똑똑하다. 안될때는 자신을 탓하며 꾸준히 연습하자. 8. 합격을 의심하지 말 것이다. 구매 누른 순간부터 모든 선택에서의 최대를 맛볼 수 있을 것이다.
길고 구체적인 수강평 정말 감사드립니다~!!
Reviews 1
∙
Average Rating 5.0
5
디자이너라 코딩은 완전 노베이스였고, 유튜브 강의들 다 찾아봤는데 하나도 이해가 안가서 포기하고 있었던 자격증이었습니다. 필기 면제 기한이 이번 23년도 1분기까지라 미루고 미루다가 그냥 도전이라도 해보자는 심정으로 실기공부를 시작했는데, 본격적으로 각잡고 한건 원서접수 후 1~2달인 것 같아요. 진짜 왜 선생님 강의가 후기가 많은지 공부하면서 느꼈습니다. 개념을 정말정말 쉽게 설명해주셔서 똥멍청이인 저도 개념을 이해하면서 문제를 풀 수 있었습니다. 레이아웃 + 1번 문제 수업 듣고 풀어보면 어? 2번 ~ 4번은 이렇게 변형하면 되겠구나 감이 생기고, 그러다 보니 어려운 구문들을 크게 외울 필요가 없었던 것 같아요. 공부 도중에 취업이 되어 후반에는 빡세게 못해서 선택과 집중으로 신유형만 연습했습니다. D,E에서 반드시 나올 거라는 믿음 하나로... 다행히도 D유형이 나왔고, 2시간 정도? 만에 시험장을 나올 수 있었습니다. 결과는 91점으로 합격했습니다! 생각보다 엄청 높게 받아서 기분이 좋았습니다 ㅎㅎ 여담으로, 저는 선생님께서 가르쳐주시는 코딩이 정답이라고 생각하며 공부했는데, 다른 강의를 보니 같은 결과를 정말정말 다양한 방법으로 만들 수 있더라구요. 그걸 알고나서야 이 강의가 초보자의 시선으로 바라본, 아주 잘 만들어진 강의임을 깨달았습니다. 이 계기를 시작으로 코딩 놓지 않고 계속 공부해보려고 합니다 :-) 좋은 결과를 얻게 해주셔서 감사합니다~
수강평 감사합니다. 짧은 기간이었는데 고득점으로 합격하셨네요. 축드립니다~!!
Reviews 2
∙
Average Rating 5.0
5
1. 강의 내용이 쉽다. 2. 마크업이 깔끔하다. 매번 의미없는 width,height의 반복이 없다. 묻지마 그냥 이렇게 써 라는 식이 아니라 자세한 설 명을 들을 수 있어서 좋았다. 3.예제로 사용하는 와이어프레임 자체가 세련됐다. 4.이미지 슬라이드를 CSS만으로 작성하는 등의 새로운 방법을 배울 수 있어서 좋았다. 5. 질문을 할 수 있어서 좋았다.
수강평이 길진 않지만 이렇게 구체적이고 이해하기 쉽게 적어주신 분은 처음인 듯 합니다. 고득점으로 합격하실거에요. 화이팅입니다~!!
Reviews 1
∙
Average Rating 5.0
5
안녕하세요! 오늘 3회차 실기 시험 결과 나왔는데 92점으로 합격해서 후다닥 수강평적으러 왔습니다! 일단 강사님, 좋은 강의 너무 감사드립니다. 질문도 정말 빨리 답변해주시고 강의내용도 비전공자가 공부하기에 기초부터 차근차근 설명해주셔서 좋았습니다. (특히 저는 강사님이 올려놓으신 유튜브 강의와 병행하며 들었는데 이해가 더 빨랐습니다.) 빠른 시간안에 이해할 수 있는데 특화된 수업이라고 생각합니다. 수강료가 전혀 아깝지 않은 수업이었어요! 감사합니다. 시험볼때도 1시간 40분만에 클리어하고 1등으로 위풍당당하게 나왔답니다. 감사합니다 쌤 :) 강의 다른거 또 들으러 올게요!
seohyeon님 수강평 감사드립니다. 그리고 진심으로 고득점 합격 축하드립니다. 저도 시험볼 때 2시간에 클리어 했는데 1시간 40분만에 클리어 하셨다니 대단하시네요. 강의의 도움도 있었겠지만 본인이 열심히 하신 결과라고 생각합니다~!!
Limited time deal
$124,570.00
25%
$128.70
Check out other courses by the instructor!
Explore other courses in the same field!
![[코드캠프] 강력한 CSSCourse Thumbnail](https://cdn.inflearn.com/public/courses/329921/cover/325131ea-9c57-427e-98b9-4e207a1dff98/thumbnail-css.png?f=avif&w=420)
![웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)Course Thumbnail](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)
![모던 웹 인터렉티브 CSS3 [PART2/3]Course Thumbnail](https://cdn.inflearn.com/public/courses/335745/cover/db39333d-68a5-4ca7-9629-dac891711a94/335745.jpg?f=avif&w=420)
![모던 웹 인터렉티브 CSS3 [PART1/3]Course Thumbnail](https://cdn.inflearn.com/public/courses/335744/cover/32ae213b-41d5-4c80-8408-b64b8d286b58/335744.jpg?f=avif&w=420)
![[환상의족발] 디자인부터 코딩까지Course Thumbnail](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)
![스프링 프레임워크는 내 손에 [스프2탄]Course Thumbnail](https://cdn.inflearn.com/public/courses/329630/cover/e05f1532-5d1d-440e-be03-c21c42cd5566/329630-eng.png?f=avif&w=420)
