html, css, javascript

[Html] 기본 태그 및 구조, 특징

텍스트 작성 관련 태그

HTML 요소는 일반적으로 인라인 요소와 블록 요소로 구분할 수 있음인라인 요소 예시< a >: 링크 요소. 인라인 요소이며, 기본적으로 텍스트 색상을 지정할 수 있습니다.< img >: 이미지 요소. 인라인 요소이며, 이미지를 삽입할 수 있습니다.<

그룹 짓기 및 목록 만들기 태그

링크, 이미지 넣기, 텍스트 강조 태그

폼 구성하기

표 만들기 관련 태그

멀티미디어 설정하기

시멘틱 웹 관련 태그

글로벌 속성

Html 공부 내용 요약 및 활용 예시

CSS 기본 문법

기본 선택자 사용하기

조합 선택자 사용하기

가상 요소, 가상 클래스 선택자 사용

다양한 선택자 조합 및 선택자 정리

기본 스타일 시트, 적용 순위, 상속, 절대+상대 단위, 색상 표기법

텍스트 속성으로 텍스트 꾸미기

박스 모델 관련 속성 다루기

배경 설정하기

위치 속성으로 HTML 요소 배치

전환 효과 속성 적용

애니메이션 속성으로 전환 효과 제어

변형 효과 적용하기

웹 폰트와 아이콘 폰트 사용하기

필수 속성 정리 및 활용

플렉스 박스 레이아웃으로 1차 레이아웃 설계

웹 페이지에서 2차원 방식으로 레이아웃을 설계하는 스타일 속성 그리드 레이아웃으로 2차원 레이아웃 설계

반응형 웹을 위한 미디어 쿼리

레이아웃 개념 정리 및 활용 예시

javascript 시작

자바 스크립트 기초 문법

자바 스크립트 함수 다루기

자바 스크립트 객체 다루기

문서 객체 모델(DOM)

노드 선택

노드 조작하기!

노드 추가 및 삭제

폼 조작하기!

이벤트 다루기

이벤트 객체와 this

문서 객체모델 및 이벤트 다루기 정리, 활용 예시

프로젝트 개요 및 헤더

메인 영역 만들기

섹션 영역 만들기1 + 배경 영역

포트폴리오, 컨택 섹션 영역 만들기

미디어 쿼리 적용

자바 스크립트 적용 및 유효성 검증