HighLight in your life~

웹디자인 기능사 실기(01) - 유형분석

https://youtu.be/HumE5MKDTKQ?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(02) - vs code 설치 및 설정

https://youtu.be/ugq9Lox_56Y?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(03) - 기술적 준수사항

https://youtu.be/KDRwY1a8ims?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(04) - 포토샵 필수 핵심 - crop, type tool, 파일 저장

https://youtu.be/37UZuAS8Oqw?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(05) - 포토샵 필수 핵심 - 무채색 변경하기, 레이어스타일

https://youtu.be/lKfhG4B4THQ?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(06) - HTML 핵심 - 문서구조, 특수문자, 유효성검사, 섹셔닝

https://youtu.be/j7sR_51V0QU?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(07) - HTML 핵심 - 제목과 문단, 텍스트, 목록태그, 앵커, 이미지

https://youtu.be/QtXtMytLXWA?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(08) - CSS 핵심 - 스타일 적용방법, 색상, 단위

https://youtu.be/cgi8PKl5WsM?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(09) - CSS 핵심 - 선택자, 선택자 우선순위

https://youtu.be/EgOzmzJKCt4?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(10) - CSS 핵심 - 폰트, 정렬, 밑줄, 두께, 폰트 스타일

https://youtu.be/5w_N6VBF-Wc?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

디자인 기능사 실기(11) - CSS 핵심 - 박스모델, 크기가 만들어지는 방식이해하기

https://youtu.be/4O9NIrARseA?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(12) - CSS 핵심 - 플롯으로 요소 배치하기 정석.

https://youtu.be/EB-233egERw?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(13) - CSS 핵심 - 포지션 5가지 한번에 정리!

https://youtu.be/qjBpOlp1als?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(14) - CSS 핵심 - flex속성 모두 살펴보기

https://youtu.be/laaS8-K3FZk?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(15) - javascript 핵심 - 표현식, 문장, 주석, 스크립트 실행방법3가지

https://youtu.be/PCH1uy71-bQ?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(16) - javascript 핵심 - 함수의 구조, 전역변수, 지역변수

https://youtu.be/U513mo0OX68?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(17) - javascript 핵심 - 연산자, 조건문, 반복문, 타이머, 수학연산

https://youtu.be/7pJuqlPdLT0?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(18) - jQuery - javascript 비교, 스타일변경하기

https://youtu.be/CWs8I4cbrao?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(19) - jQuery 핵심 - event, animate

https://youtu.be/dAtSwbOPNlI?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(20) - 와이어프레임 , 가로유형

https://youtu.be/g3ShIq2QJjc?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(21) - 와이어프레임, 세로유형(C형)

https://youtu.be/bywlRwhUwz0?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(22) - 와이어프레임, 반응형 D1유형

https://youtu.be/4inEcCc7bzg?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(23) - 와이어프레임 - D2 유형

https://youtu.be/EkY6lBBpTgc?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(24) - 와이어프레임 - D3 유형

https://youtu.be/1krXky3HYck?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

디자인 기능사 실기(25) - 와이어프레임 - D4 유형

https://youtu.be/nafpdUZ0-WI?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(26) - 와이어프레임 - E1 유형

https://youtu.be/wkQs76gWATQ?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

디자인 기능사 실기(27) - 와이어프레임 - E2 유형

https://youtu.be/pjBZQj6qPgE?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(28) - 와이어프레임 - E3 유형, flex 활용

https://youtu.be/2EQiSROiBeA?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(29) - 와이어프레임 - E4 유형, flex 활용

https://youtu.be/CQujPDQCsi8?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(30) - 네비게이션 가로고정형, Script 축약하기

https://youtu.be/ol4H3eqcuH8?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(31) - 네비게이션 가로고정형, 가로 메뉴형, 가로 전체형

https://youtu.be/q7yeVPohOIA?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(32) - 네비게이션 세로낱개형, 아코디언형 애니메이션

https://youtu.be/Q9jyEBmLO0U?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(33) - 좌우 슬라이드1형, 좌우 슬라이드2형

https://youtu.be/POdA-MUb2u4?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(34) - 상하 슬라이드, fadein & out 슬라이드

https://youtu.be/MmLjUUeDxVI?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(35) - 탭, Tab, 내부 링크방식

https://youtu.be/nyjgxtBFqP0?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(36) - 탭, Tab, 서브메뉴 방식

https://youtu.be/k-oJhJbZch8?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(37) - 레이어 팝업, 모달 레이어 팝업

https://youtu.be/VKXampVM9J8?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(38) - 기출유형 (은빛억새축제), html 구조, 와이어프레임

https://youtu.be/Jmc8C5oESBE?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(39) - 기출유형 (은빛억새축제), 로고 이미지 제작, HTML 작성

https://youtu.be/LQIyBRhwvzM?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(40) - 기출유형 (은빛억새축제) CSS-메뉴,슬라이드,탭, 푸터

https://youtu.be/yTBURtgb08Q?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

디자인 기능사 실기(41) - 기출유형 (은빛억새축제) Script-메뉴,슬라이드,탭, 팝업

https://youtu.be/OwMeCSB0fAQ?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(42) - 기출유형 (조은은행) 와이어프레임, 로고

https://youtu.be/EzhTEUgZuCU?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(43) - 기출유형 (조은은행) HEADER-전체 드롭다운 메뉴

https://youtu.be/LdL59i7Bsr8?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(44) - 기출유형 (조은은행) 좌우 이동 슬라이드, 팝업 script

https://youtu.be/5Dt0xeDMRRs?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(45) - 기출유형 3 (WD 중공업) 유형분석 및 와이어프레임

https://youtu.be/0m_u_W5bdXg?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(46) - 기출유형 3 (WD 중공업 로고, 영역별 HTML

https://youtu.be/oGkSSBmr4e4?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(47) - 기출유형 3 (WD 중공업) 로고, 영역별 CSS, Script

https://youtu.be/FZqTrBbGDwE?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(48) - 기출유형 D1 반응형, HTML, 와이어프레임

https://youtu.be/ZkU--XTlUqM?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(49) - 기출유형 D1 반응형, 영역별 html, header, menu, slide, tab, footer

https://youtu.be/lvEu80Sk0x8?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(50) - 기출유형 D1 반응형, 영역별 CSS, header, menu, slide, tab, footer

https://youtu.be/wSGa2rVVG_k?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(51) - 기출유형 D1 반응형, 영역별 script, 메뉴, 슬라이드쇼, 탭, 팝업

https://youtu.be/s9-z1CcCvG0?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(52) - 기출유형 D4 반응형 - HTML, 와이어프레임

https://youtu.be/y03Z2vRAd18?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(53) - 기출유형 D4 반응형, 영역별 html, header, menu, slide, footer

https://youtu.be/S5kY23VHqO4?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(54) - 기출유형 D4 반응형, 영역별 CSS, header, menu, slide, footer

https://youtu.be/nweWG-8cL9w?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

웹디자인 기능사 실기(55) - 기출유형 D4 반응형, 영역별 Script, header, menu, slide, footer

https://youtu.be/HPrwLWVGtaU?list=PL-qMANrofLytVdlLHR4JeRs3mtT0o9DYH

CSS 레이아웃 - flex & grid #1 강의 소개
https://youtu.be/DxwBN7vdr-A?list=PLFeNz2ojQZjso4ZJVeeMWR72l8s9V8Ym9

CSS Flexbox 완전 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript
https://youtu.be/7neASrWEFEM

CSS Flexbox와 CSS Grid, 한번에 정리!
https://youtu.be/eprXmC_j9A4

CSS 수업 - flex 1 : intro
https://youtu.be/BS9T0ZMqT58

플렉스(Flex) 유형별 UI 응용 예제 : [웹사이트 레이아웃 예제] 플렉스(Flex) 레이아웃 설계(1)
https://youtu.be/LkKMlbb0dIQ

CSS - Flexbox : 레이아웃을 마음대로!
https://youtu.be/2htMvJdW9O0