웹에 대한 간단한 이야기와 기본 구조, 태그들에 대해 알아보자.
html의 list, img, video, audio, favicon 태그에 대해 알아보자.
table 태그, form 태그, input 태그 정리!
button tag, semantic tag, block과 inline 에 대해 알아보자.
CSS와 CSS규칙, 스타일 적용 등에 대해 알아보자.
font family, 폰트 단위, 폰트 적용법, 폰트 스타일, 문단 설정 등을 알아보자.
CSS Style의 문단 태그, 리스트 태그, 백그라운드 태그, 그라데이션 태그에 대해 알아보자.
CSS의 form style, tabe style, transition, transform, backface 태그에 대해 알아보자.
transition, transform, animation, CSS boxmodel, border, margin 등의 속성에 대해 알아보자.
CSS layout, position, float, z-index, 외부 style sheet 연결, 2단 레이아웃 등을 사용해보자.
layout 만들기 실습 위주
layout 연습, 카페 메인 홈 만들기
레이아웃 실습 예제 이어서.
쇼핑몰 예제 마무리
반응형웹과 적응형웹, media쿼리 등에 대해 알아보자.
반응형 웹 사이트의 기능을 간단한 예제를 통해 구현하고 이해해본다.
미디어쿼리를 이용하여 실습해보자.
적응형 블로그 마무리. CSS 라이브러리들에 대해 알아보자.
Bootstrap에 대해 알아보자.
부트스트랩 기능을 이용해서 레이아웃과 웹페이지 만들어보기
DOTHOME을 이용하여 웹 호스팅을 해본다.
워드프레스를 사용하여 웹 만들어보기
워드프레스 플러그인을 사용해보자
Javascript 시작하기
JavaScript 제어문(조건문, 반복문)들 알아보기.
배열과 for문에 대해 알아보기
while문, break 사용하기, 함수에 대해 알아보자.
함수에 대해 이해해보자
이벤트와 객체에 대해 알아보자
Array와 DOM에 대해 알아보자
DOM과 form 요소에 접근하는 법을 알아보자
html, css, js를 모두 사용한 실습예제
jQuery 개발환경을 구축하고, javascript 와 jQuery를 비교해보자.
jQuery 선택자를 익혀보자
jQuery의 Form선택자, DOM 선택자, 그 밖에 Remove, after, append 등의 선택자를 알아보자.
CSS 선택자, Animate, SerchNode, Ajax 등에 대해 알아보자
React를 설치하고 써보자
React에 Storybook을 써보자
React Contex를 써보자.
React Redux 써보기
React로 날씨 앱 만들기