Front End

📒 공간 분할 태그 1️⃣ Block VS inline Element Block 형식 사용하는 element가 한 줄을 모두 사용 inline 형식 contents의 크기만큼만 공간 사용 2️⃣ Block & inline 형식 태그 Blcok 태그 및 Inline 태

📒 Semantic Semenatic 1️⃣ Semantic 헤더 : 사이트 제목과 로고, 검색 창 등 존재 본문(contents : section + articles) : 여러 내용 존재 사이드바(aside) : 본문 외 내용 footer : 저작권 정보와 제작자

📒 HTML과 DOM 1️⃣ DOM (Document Object Model) HTML과 XML문서의 구조를 정의하는 API 제공 문서 요소 집합을 트리 형태의 계층 구조로 HTML 표현 즉, HTML 문서 내용을 조작할 수 있는 API로 HTML 계층구조 형식의 객

📒 CSS3 기본 1️⃣ CSS Cascading Style Sheets : 웹 페이지 디자인 담당 웹 페이지를 표현하기 위한 스타일 규칙을 모아 둔 문서 CSS 구성 선택자(selector)와 선언(declaration) 두 부분으로 구성 선택자는 규칙이 적용되는

📒 CSS3 선택자 (Selector) 1️⃣ 선택자 CSS 규칙 적용 타겟이 되는 다양한 종류의 CSS 선택자(selector)존재 일반 선택자 : 전체, 타입, 클래스 ID 선택자로 분류 복합 선택자 : 자식, 하위, 인접 형제, 일반 형제 선택자로 분류 그 외

📒 CSS3 속성 1️⃣ Font 속성 Font 속성 font-family : 글꼴 지정 font-size: 글자 크기 지정 font-style: 글자 스타일 지정 font-variant: 소문자를 작은 대문자(samll-caps)로 변경 font-weight: 글

📒 JavaScript 1️⃣ JS 프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념 지원 2️⃣ 특징 HTML, CSS와 함께 웹을 구성하는 요소 중 하나 웹 브라우저에서 동작하는 유일한 프로그래밍 언어 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리

📒 JavaScript 객체 1️⃣ 객체 이름과 값으로 구성된 프로퍼티의 집합 문자열, 숫자, boolean, null, undefined를 제외한 모든 값 js 객체 : 키와 값으로 구성된 프로퍼티들의 집합 전역 객체를 제외한 js 객체는 프로퍼티를 동적으로 추가하

📒 Web Browser와 Window 객체 1️⃣ Window 객체 웹 브라우저에서 작동하는 JS의 최상위 전역 객체 브라우저와 관련된 여러 객체와 속성, 함수 존재 JS에서 기본 제공하는 프로퍼티와 함수도 포함 BOM(Browser Object Model)로 불리

📒 Web Storage 1️⃣ 기본 구성 키(key)와 값(value) 세트 도메인과 브라우저별로 저장 value : 문자열 2️⃣ 메소드와 프로퍼티 setItem(key, value) : 키와 값 쌍으로 저장 getItem(key) : 키에 해당하는 값 읽기 re