[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY) 대시보드

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

2020년 힘든 한 해를 보내고 있지만 잘 이겨내시고 있으리라 믿습니다.

코딩웍스 수강생 여러분께 화이팅 하시라고 말씀드리고 싶습니다.

2021년 1월 둘째 주에 '반응형 웹사이트 제작 강의'를 공개하려고 준비하고 있습니다.

얼마전에 UI 디자인 끝내고 지금은 퍼블리싱 작업 중입니다.

퍼블리싱 작업이 끝나면 영상 레코딩하려고 합니다.

이번 반응형 웹 사이트는 스타트업메이트라는 가상의 앱 개발 회사의 공식 랜딩페이지 입니다.

강의 공개되면 잘 따라오시고 그다음에 퍼블리셔 취업을 위한 개인 포트폴리오 홈페이로 변환하시기 바랍니다.

---------------------------------------------------------------------------------------

이번 강의의 특징을 간단히 소개합니다.

반응형 웹사이트 제작 과정 영상 뿐만 아니라 포토샵 UI 디자인 파일(PSD) 파일도 제공합니다.

그리고 웹사이트 제작을 위한 필수 제이쿼리 플러그인 사용법, 미디어쿼리, 폰트아이콘 사용법, 필수 제이쿼리 핵심이론 등 다양한 부가 영상도 첨부될 계획입니다.

필수 제이쿼리 플러그인 사용법 및 필수 이론

01. [제이쿼리 플러그인] 이미지 슬라이드쇼 (Vegas Background Slide Show)
02. [제이쿼리 플러그인] 콘텐츠 슬라이더 사용법 (Slick Slider)
03. [제이쿼리 플러그인] 타이핑 텍스트 애니메이션 사용법
04. [제이쿼리 플러그인] 스크롤하면 시작되는 애니메이션(Scroll Reveal Animation)
05. 요소의 정렬과 배치를 위한 Flex & Grid 핵심이론
06. 반응형 웹 제작을 위한 미디어 쿼리(Media Query)
07. 폰트 아이콘 사용법(FontAwesome, XEICON)
08. 웹 폰트 사용법(구글 웹 폰트, 눈누 한글 웹 폰트)
09. 웹사이트 제작 필수 제이쿼리 핵심이론(클래스 제어, 요소 탐색, 요소의 이펙트 효과)

---------------------------------------------------------------------------------------

2021년 1월 둘째주에 '반응형 웹사이트 제작 강의'를 오픈을 위해 열심히 작업 하겠습니다.

여러분도 지금 수강하신 강좌 열심히 듣고 복습 응용해주세요.

그럼 강의 오픈되면 또 소식 전하겠습니다.

코딩웍스 수강생 여러분~! 언제나 건강하시길 바랄게요.

그리고 여러분이 미래를 위한 지금의 노력과 정성이 곧 좋은 결과로 보답할 거라 생각합니다.

▼ 반응형 웹사이트 제작 강의 UI 디자인 미리보기

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

살면서 상 받아 본적이 없는데 상 받았습니다.
2020 인프런 연말 어워드... 
강의 편에서 '슈퍼 롱 왕꿈틀이 상'을 받았습니다.
상품은 없지만 너무 기쁘네요.

수강생 여러분께 감사드립니다~^^

참.. 건강에 특히 유의하시기 바랍니다.

▼ 2020 인프런 연말 어워드 자세히 보기
https://www.inflearn.com/pages/2020-award

[입문~중급] 퍼블리셔 취업 준비부터 반응형 포트폴리오 제작까지 로드맵(Road Map)

퍼블리셔 취업 준비를 하는 분들이 가장 힘든 건 퍼블리싱 스킬을 익히고 개인 홈페이지 포트폴리오를 제작하는 것이 아닙니다. 가장 힘든 건 바로 어디서부터 어떻게 무엇을 준비할지 전혀 알 수 없어서 막막한 것입니다. 계획과 로드맵이 없는 상태에서 열심히 공부한다는 것만으로는 큰 시행착오를 불러올 수 있는 위험부담이 큽니다.

학습 로드맵과 양질의 가이드 없이 독학하시거나 유튜브에서 이 사람 저 사람 강의를 듣는 건 체계적인 퍼블리싱 기본기를 갖추는데 좋지 않다고 생각합니다. 돈 낭비, 시간 낭비 특히 열정 낭비를 할 수 있는 소지가 많습니다. 그래서 시작은 했는데 퍼블리싱에 대한 흥미와 동기가 떨어져서 포기하는 경우를 자주 봤습니다.

코딩웍스 퍼블리싱 강좌 로드맵은 퍼블리셔 취업 실전 가이드부터 개인 포트폴리오 홈페이지를 위한 반응형 웹사이트 제작까지 준비되어 있습니다.

취업을 위한 퍼블리싱 실력 향상부터 실무 퍼블리셔가 제작하는 매끄러운 방식, 깔끔한 코딩 노하우를 배우시게 됩니다.

▼ 퍼블리셔 취업을 위한 코딩웍스 퍼블리싱 강의 로드맵

https://www.inflearn.com/roadmaps/371

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

그리드(Grid) 핵심이론 및 실전 활용 예제 강의가 오픈했습니다.

아시겠지만 그리드는 반응형 레이아웃 제작을 위한 가장 최선이고 최고의 방법으로 평가 받고 있습니다.
그리드 속성 핵심이론을 모두 빠짐없이 PDF로 정리했고, PDF 교재를 기준으로 그리드 속성을 사용하는 방법을 실습하는 영상도 충실히 준비되어 있습니다. 또한, 그리드(Grid) 핵심이론 학습 후 실전 활용 예제까지 영상으로 준비되어 있으니 그리드에 관심있는 퍼블리셔에게 좋은 강의가 될거라 생각합니다.

모든 속성을 설명한 그리드(Grid) 핵심이론 PDF 교재와 실전 활용 예제 PDF 교재도 다운로드 받으실 수 있습니다.

신규강의 오픈 기념으로 2주간 20% 할인됩니다. 많은 관심 부탁드립니다. 감사합니다~^^

▼ 강의소개 바로가기

https://www.inflearn.com/course/css-그리드-반응형웹

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

새로운 강의를 오픈해서 새소식으로 알려드립니다.

퍼블리셔로서 지금까지 실무경험과 강의 경험을 토대로 인터넷에서 자료 퍼오지 않은 순수하게 100% 코딩웍스만의 생각과 자료로 만든 '퍼블리셔 취업 진짜 실전 가이드' 전자책(PDF)을 오픈했습니다.

퍼블리셔 취업을 준비하시는 분들과 웹디자이너 또는 퍼블리셔로 체계적인 이해도를 갖고 싶은 분들에게 좋은 강의입니다.

퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.

아래 주소로 들어오시며 상세한 강의 소개를 보실 수 있습니다.

▼ 코딩웍스와 함께 하는 퍼블리셔 취업 진짜 실전 가이드

https://www.inflearn.com/course/퍼블리셔-취업-가이드

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

몇일전에 제가 가르친 학생한테 퍼블리셔 취업했다는 카톡이 와서 소개해 드립니다.
국비지원 퍼블리싱 과정 저한테 4개월 반 정도 배운 학생인데요. 한달 전쯤 수료했어요.
원하는 회사에 퍼블리셔로 취업했다고 고맙다고 카톡이 왔네요. 이런 카톡 받을 때 제일 보람 있습니다.^^

이 학생은 과정 내내 불가피한 경우를 빼고는 지각 결석 하지 않던 학생이고 참고로 여학생입니다. 나이는 20대 후반입니다. 신입치고는 나이가 좀 있죠. 본인도 처음에 나이가 많아서 걱정을 많이 했었거든요.

국비지원 퍼블리싱 과정 학원에서 제가 아무리 효율적인 방식으로 가르치고 지도해도 자기 고집대로 하는 학생들 많거든요. 그런데 이 학생은 시키면 시키는 대로 최선을 다해서 제가 말한 방식으로 하려고 따르던 학생이었습니다. 그래서 그런지 시간이 지날수록 실력이 계속 성장하는 모습이 보이더라고요.

과정 기간에 개인 포트폴리오 홈페이지도 잘 준비했고 워낙 성실히 하니까 곧 취업할 거라고 생각은 했는데 본인이 원하는 곳에 갔다고 하니까 제가 더 기분이 좋네요.

1차 서류 > 2차 면접 > 3차 코딩테스트(회사에서 미션 주고 지원자가 미션 완수해서 보내기)로 취업했다고 하네요.

사실 3차 코딩테스트는 일반적이지 않거든요. 그런데 나름의 인지도가 있는 곳이라 그런지 아니면 국비지원 퍼블리싱 과정 수료한 학생들이 워낙 많이 지원을 하니까 진짜 실력이 있는지 여부를 판단해야 했는지는 모르겠지만 3차 코딩테스트가 있었네요.

인지도가 나름 있는 곳이라 그런건지 요즘 분위기기 코딩테스트를 보는 건지는 잘 모르겠습니다. 하지만 결국 실력이 있으면 번거로울 뿐 걱정하실 필요는 없는거죠.^^

본인이 하다 하다 안 되는 부분이 있어서 저한테 연락이 와서 제가 살짝만 가이드 해줬는데 도움이 되었나 봅니다. 물론 본인이 절실하게 원하니까 열심히 한 부분이 가장 크겠죠.

여러분들도 지금은 미래가 불확실하고 답답하다는 생각이 들 수도 있다고 생각합니다. 특히 요즘 코로나 시절이라 더욱 그렇겠지요. 그래도 이 시간에 퍼블리싱 실력을 늘리는 기회라고 좋게 생각하시고 지금처럼 정진해주세요.

참... 제가 지금 제작하고 있는 새로운 강좌가 있어서 예고하려고 합니다.

'퍼블리셔 취업 실전 가이드' 라는 제목으로 퍼블리셔 취업을 위해 준비해야 하는 여러 가지 사항들을 이야기하고 퍼블리싱 실력을 높이기 위한 구체적인 학습방법 그리고 개인 포트폴리오 홈페이지 제작을 하는 현실적인 프로세스를 구체적이고 상세하게 담을 계획입니다.

제가 최근 2년간 국비지원 퍼블리싱 강사를 하면서 느낀 점에 대해서도 여러가지 이야기를 담을 계획입니다. 학생 관점에서 퍼블리싱 취업하기와 많은 학생을 경험하고 취업하는거 도와주고 지켜본 강사의 입장에서 퍼블리싱 취업하기 컨텐츠가 조금은 다른 이야기일 것입니다.

지금은 제작 중이고 2주 후, 9월 넷째 주 중에 공개할 수 있을 거라 생각합니다.

퍼블리셔 취업이나 퍼블리셔로 이직을 희망하는 분들에게 구체적인 방향 제시가 될 거라고 생각하며 제작하고 있습니다. 기대해주세요~^^

안녕하세요. 코딩웍스입니다.
요즘 너무 어수선하고 힘든 시기인데 모두들 건강히 잘 지내시고 있길 바랍니다.

코딩웍스에서 새로운 강의가 오픈되었습니다.
강의 제목은 [플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)] 입니다.
플렉스(Flex)를 기반으로 반응형 웹사이트를 제작하는 과정입니다.
반응형 웹사이트 제작 뿐만 아니라 플렉스(Flex) 핵심이론, 플렉스(Flex) 응용예제, 플렉스(Flex) 실전 UI 강좌도 포함되어 있습니다.
전체 강의시간은 20시간이 넘기 때문에 충분한 학습량이 될거라 기대합니다.
시간되실 때 인프런 방문하셔서 코딩웍스 플렉스(Flex) 반응형 포트폴리오 제작 강의 보시기 바랍니다.
감사합니다.

■ 강의내용 확인하기
https://www.inflearn.com/course/플렉스-반응형웹-포트폴리오

▼ 플렉스(Flex) 반응형 웹사이트(The World’s Best Cities) - PC 버전

▼ 플렉스(Flex) 반응형 웹사이트(The World’s Best Cities) - Mobile 버전

안녕하세요. 코딩웍스입니다.
3회차 실기시험이 내일부터 시작입니다.
열심히 준비하신 만큼 좋은 결과가 당연히 따를 거니까 걱정 마시고 열심히 해주세요.

웹디자인 기능사 실기시험이 일반적인 필기시험이 아니라 컴퓨터에서 코딩하는 시험이고 시간도 길고 진행절차도 생소할 거라 생각됩니다.
인터넷에 실기시험 당일에 대한 분위기, 절차, 요령, 제출방법 내용을 찾기가 너무 어려워서 제가 영상으로 제작했습니다.
영상길이냐 10~20분 정도로 생각했는데 무려 55분이 되어 버렸습니다.ㅠㅠ
자세한 이야기를 하려다 보니까 많이 길어졌습니다.

실기시험을 곧 앞둔 코딩웍스 수강생분들은 꼭! 한 번쯤 시청해주시기 바랍니다.

영상은 [섹션 0. 코딩웍스 웹디자인 기능사 자격증 실기시험 강좌 소개]에 '웹디자인 기능사 실기시험 당일에 진행방법, 절차, 요령, 제출방법'이라는 제목의 영상입니다.

영상 내용은 실기시험 당일에 분위기, 절차, 요령, 제출방법에 대한 자세한 설명입니다.

코딩웍스 수강생분들을 위한 웹디자인 기능사 실기시험 당일에 분위기, 절차, 요령, 제출방법

1) 웹디자인 기능사 실기시험장에 제시간에 잘 도착하기
2) 웹디자인 기능사 실기시험장 내부 구조 설명
3) 웹디자인 기능사 실기시험 진행방식
4) 3시간 30분 이내에 완성하는 효율적인 실기시험을 작업 순서(개인 성향에 따라 다름)
5) 텍스트 에디터 블라켓(Brackest) 사용에 관한 주의사항
6) 결과물 제출(업로드) 전에 반드시 체크할 사항
7) 코딩웍스 수강생 여러분께 드리는 당부의 말씀

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

3회차 일정이 2020.08.29~2020.09.19 입니다.
웹디자인 기능사 실기 시험 준비 영상 보시면서 연습 열심히 하고 있으시지요?^^

실기시험 당일에 실기시험 분위기, 절차, 요령, 제출방법 등 인터넷에 정보가 없어서 답답하신 분들이 많으실거라 생각이 듭니다. 그래서 몇일 안으로 [실기시험 당일 절차, 요령, 제출방법]에 대해서 자세히 소개하는 영상을 제작해서 업로드 하겠습니다.

[실기시험 당일 절차, 요령, 제출방법] 업로드된 영상 보시면 자세히 아실거에요.

시험 당일에 대한 걱정은 크게 하실 필요 없으니까 마지막 최종 점검으로 유형별로 셀프 모의고사를 보시기 바랍니다.

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

퍼블리싱을 하는 사람들에게 반가운(?) 소식이 있습니다.
마이크로소프트에서 내년 초에 Internet Explorer 11 지원 종료한다고 합니다.
제가 검색을 열심히 했는데 정확한 날짜인지는 모르겠지만 2021년 01월 27일이라고 나옵니다.
이 날짜는 오피셜인지는 모르겠지만 어쨌든 내년 초에 Internet Explorer 11 지원 종료하는 것은 맞는 것 같습니다.
국내 공공기관 등에서 사용되는 ActiveX 문제는 어떻게 될지는 모르겠습니다.

지금까지 IE 때문에 쓰기가 좀 찜찜했던 CSS를 내년 초부터는 마음껏 사용할 수 있게 될 것 같습니다.
예를들어 filter속성, Flex, Grid 등 너무나 신박한 CSS를 IE 때문에 과감하게 못썼는데 앞으로는 괜찮을 것 같습니다.

곧 오픈 예정인 실전 퍼블리싱 2탄 '플렉스(Flex)와 그리드(Grid) 핵심이론 및 활용예제 제작' 과정 제작을 더욱 열심히 하려고 합니다.

무더운 날씨에 코딩웍스 수강생 여러분~ 항상 건강 조심하시고 미래를 위한 준비도 차근차근 잘 해나가시길 바랍니다.^^

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

알고 있고 그렇게 하시는 분들도 있겠지만 퍼블리싱 실력을 높이기 위한 가장 중요하고 가장 먼저해야 할 일이 있어서 새소식을 보냅니다.

퍼블리싱 공부하실 때 '듀얼 모니터 환경'을 갖추시기 바랍니다.

'듀얼 모니터 환경'이 아닌 분들이 공부하실 때 조금 불현한 정도는 아닙니다.

퍼블리싱 공부에 집중해서 효율적인 학습을 위해서 저의 개인적인 생각이지만 '듀얼 모니터 환경'을 갖추는건 너무 중요하다고 생각합니다.

작업하실 때는 노트북 또는 데스크탑은 텍스트에디터를 보고, 듀얼모니터에는 브라우저 화면을 보시면서 학습하시면 됩니다.

공부하실 때는 노트북 또는 데스크탑은 텍스트에디터를 보고, 듀얼모니터에는 인프런 영상 화면을 보시면서 학습하시면 됩니다.

듀얼모니터에는 비싼 것이나 브랜드 제품을 살필요는 전혀 없습니다. 중소기업 제품도 너무 좋습니다.

쇼핑몰에 가면 쇼핑몰에 가시면 22인치 8만원대 모니터도 1920 FHD 화면이기 때문에 '듀얼 모니터 환경'을 갖춰서 작업하고 학습하시기 손색이 없습니다. 혹시 브랜드 제품에 연연하실 필요 전혀 없으시니까 중소기업 제품도 좋습니다. 다만 1920 FHD 해상도인지만 체크하시면 됩니다. '듀얼 모니터'는 24인치는 사실 너무 크고 22인치가 가장 적당합니다.

혹시 사진에 있는 것처럼 휴대용 모니터로 '듀얼 모니터 환경'을 갖추시려면 조금 비쌉니다. 20만원 안팎 정도 됩니다.
휴대용 모니터는 노트북에서 전원을 받기 때문에 카페나 어디서나 사용할 수 있어서 좋습니다.

결론은 퍼블리싱 실력을 높이기 위해 효율적인 학습을 통해서 실력성장을 원하시면 가장 먼저 '듀얼 모니터 환경' 갖추시기 바랍니다.^^

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

한 달 후에 3회차 웹디자인 기능사 실기시험이 있습니다.
저도 자격증 딸 때 웹디자인 기능사 실기시험 보는데 나름 긴장을 했던 기억이 납니다.
하물며 퍼블리싱 처음 공부해서 시험보는 사람은 얼마나 긴장될까 하는 생각이 듭니다.

저한테 오프라인 학원에서 웹 퍼블리셔 과정 배운 학생인데 2주 전에 졸업했거든요.
그런데 지난 주에 웹디자인 기능사 시험 합격했다고 카톡이 왔습니다.
학생이 열심히 해서 합격한거지만 그래도 가르친 사람으로서 그냥 뿌듯한 마음이 들었습니다.
인프런 코딩웍스 학생분들도 보시면 좋은 동기부여가 될거라고 생각이 들어서 보여드리고 싶었습니다.

저에게 합격 카톡 보낸 이 학생도 4달전까지 HTML이 뭔지 아무것도 모르고 시작했습니다.
혹시라도 포기하려고 하시는 분은 절대 그러지 않으셨으면 하는 마음에 새소식으로 전해봅니다.

3회차 실기시험이 8월말부터 2주간 시작됩니다.
아직 한달이나 남았습니다. 충분히 가능하니까 포기하지마세요.
혹시라도 3회차 실기시험에 시간이 조금 부족하다면 4회차에 맞춰서 꾸준히 준비하시면 됩니다.^^

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

코딩웍스 수강생 여러분~
웹디자인 기능사 실기시험 준비하시느라 고생 많으시죠?
더운 여름... 다행이 이번 여름은 좀 덜 더워서 다행이네요.^^
더운 여름에 실기시험 준비하시느라 고생하시는 만큼 한방에 합격하셔야죠~!!

3회차 2020년 정기 기능사 3회 실기시험이 2020.08.29~2020.09.19에 있습니다.
3회차 실기시험 또는 4회차에 실기시험을 준비하시는 코딩웍스 수강생 분들을 위해 '웹디자인 기능사 실기시험 최종점검' 오프 모임을 갖습니다.

모임 일정

1. 일시 : 2020년 8월 8일(토요일) 3시
2. 장소 : 2호선 이대역 또는 신촌역 근방
3. 시간 : 2시간 내외(오후 3시~5시)
4. 비용 : 무료(개인 음료 지불하시면 됩니다)
5. 신청 메일 마감 : 2020년 8월 5일(수요일)까지

※ 오프모임은 코딩웍스 웹디자인 기능사 실기시험 수강생에 한하여 참여 가능합니다.
※ 오프 모임 참석을 희망하시는 분은 코딩웍스 이메일로 참가 희망 의사를 메일로 말씀해주시면 됩니다.
※ 참가 희망 메일을 보내실 경우 이메일 제목에 인프런 아이디와 참가희망이라고 적어주시면 됩니다.
※ ex) 아이디 codingworks 참가합니다.
※ 이메일 보내주시면 회신 메일로 모임장소 위치 보내드립니다.
※ 코딩웍스 이메일 : webnlife@naver.com

모임 진행 내용

1. 실기시험 학습하면서 어렵고 이해가 안되는 부분에 대한 Q&A
2. 실기시험 당일에 시험장 분위기와 진행방식, 실기시험 볼 때 주의사항
3. 실기시험 이후 퍼블리싱 능력을 얼마만큰 어떻게 확장할지에 대한 고민(취업, 이직 등)

뭐 대단한 오프모임은 아닙니다.
부족한 제 강의 들어주신거에 대한 감사의 표현이기도 하고 제 강의 들으신 수강생이 확실하게 실기시험에 합격하셨으면 하는 마음에서 진행하는 모입니다.
모임에 참석하시는 분은 궁금하신 내용을 미리 준비해서 오시면 더 효율적일 것 같습니다.

모임에서 만나요~^^

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

여러분의 성원에 힘입어 무럭무럭 크고 있는 코딩웍스에서 몇 가지 안내해 드릴 내용이 있습니다.
질문&답변 게시판에 글 쓰실 때 참고사항 또는 주의사항입니다.

첫째, 질문은 최대한 구체적으로 해주세요. 질문이 구체적이지 않았을 때 충분한 답변이  좀처럼 쉽지 않습니다. 그래서 질문하실 때는 궁금하신 내용과 함께 작성 중이신 HTML, CSS, JQUERY 코딩 화면 캡처해서 첨부해 주시면 답변드리기가 훨씬 수월합니다.

둘째, 소스 코드 전체가 노출되는 글은 삼가해주세요. 예를 들어 개인 홈페이지 주소에 업로드 하고 개인 홈페이지 주소를 질문 글에 써 놓으시면 해당 URL을 통해 수강생이 아닌 사람도 전체 소스를 사용할 수 있습니다. 웹사이트 제작이다 보니 전체 소스 코드 자체가 강의에서 굉장히 중요합니다. 유료 강의인데 전체 소스 코드가 노출되는 본인의 의도와 관계없이 다른 수강생분들에게도 손해가 클 테니 이 점 꼭 주의해주세요.

무더운 여름 장마가 시작된 듯합니다.
코딩웍스 수강생 여러분! 열심히 공부하시면서 항상 건강도 잘 챙기시길 바랍니다.
감사합니다~^^

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

HTML+CSS+JQUERY 반응형 웹사이트 포트폴리오 제작 강의가 오픈되었습니다.
이번 웹사이트 제작 강의를 통해 전체 웹사이트를 제작하는 과정을 함께 경험하시게 될거에요.
특히 이번 웹사이트 제작 강의는 반응형 웹으로 제작되기 때문에 반응형 웹 제작에 대한 충분한 이론과 실력을 갖추실 수 있습니다.
이번 반응형 포트폴리오 제작 강의는 총 18시간 30분입니다.
꽤 많은 시간 동안 진행되는 강의이므로 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다.

아래 주소로 들어가시면 HTML+CSS+JQUERY 반응형 웹사이트 포트폴리오 제작 강의에 대한 상세한 내용이 있습니다.
코딩웍스 수강생 여러분~ 강의에서 만나요~^^

▼ HTML+CSS+JQUERY 반응형 웹사이트 포트폴리오 제작 강의
https://www.inflearn.com/course/반응형-웹사이트-포트폴리오-웹퍼블리싱

▼ PC 레이아웃 미리보기(Preview) 

▼ Mobile 레이아웃 미리보기(Preview)