HTML.CSS.JavaScript

HTML HTML은 HyperText Markup Language의 약자로 "간단히 웹 문서를 만드는 언어"이다. 하이퍼텍스트(Hyper Text)는 문서를 서로 연결해주는 링크를 의미 = 인터넷에서 링크를 클릭하여 다른 페이지로 쉽게 연결할 수 있다. 마크업(Ma

1. 표관련 태그 2. 이미지 및 멀티미디어 관련 태그 3. 입력양식 및 폼 관련 태그 1. 표관련 태그 표(table) 대량의 데이터를 정리해서 표현하고자 할 때 사용한다. 행(row)과 열(column) 그리고 셀(cell)로 이루어져있다. 표를 구성하는 태그

1. 영역 관련 태그 2. 하이퍼링크 관련 태그 1. 영역 관련 태그 블럭 요소 한 줄 단위로 영역을 차지하는 요소 줄바꿈이 자동으로 적용되어 이미 존재하는 요소의 다음줄에 출력 h, p, pre, div 태그 등.. 인라인 요소 인라인 요소 : content 내용

1. CSS 개요 1. CSS 선택자 1. CSS 개요 스타일(style) HTML 문서에서 글꼴, 색상, 정렬, 각 요소의 배치 방법과 같이 문서의 겉모습을 결정짓는 것 맨 앞의 선택자는 스타일을 어느 태그에 적용할지 표현한다. 인라인 스타일 : html 태그에

레이아웃(layout)은 배치를 의미하며, 웹 문서에서 각 요소를 효율적으로 배치하기 위해 박스형태로 구성한다.이를 CSS 박스 모델이라고 하는데 여기에는 실제 내용이 들어가는 컨텐츠 영역, 테두리, 여백으로 구성된다.block : 요소가 한 줄 차지=> 한 줄 단위로

플렉서블 박스 레이아웃flexible box layout은 각 박스를 원하는 위치에 따라 배치하는 것으로, 요소가 정렬되는 방향, 순서, 각 요소 간의 간격을 직접 수치로 지정하지 않아도 알아서 처리해주는 스타일이다. = 플렉스 박스Flexbox 구성도1\. flex-

웹 브라우저에서 실행이 가능한 "인터프리터" 방식의 스크립트 언어인터프리터 : 컴파일 과정 없이(기계어로 번역하는 중간 과정이 없음), 작성한 소스코드가 한 줄씩 실행되는 방식의 언어HTML(틀)은 웹문서의 내용을 구성하고, CSS(디자인)는 웹 문서의 레이아웃이나 색

DOM은 문서 객체 모델(Document Object Model)의 줄임말로서 자바스크립트를 이용하여 웹문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법을 말한다.말이 어렵지만 CSS처럼 selector를 통해 태그에 직접 접근하여 h

자바스크립트 ES6버전부터는 let과 const라는 새로운 예약어가 생겼는데 왜 필요했는지 알아보기 위해 var변수의 특징을 알아보자자바스크립트 ES5 버전은 함수단위로 스코프를 가지는데, 여기서 스코프(Scope)란 변수가 적용되는 변수의 유효범위이다. 함수 안에서만

1\. 배열 객체

1. 객체 속성명과 속성값으로 구성된 요소를 관리하는 객체(key=property name, value=property value) 속성명 : only "문자열"로 작성 가능. 속성값을 관리하는 식별자의 역할을 함 속성값 : 모든 타입의 값으로 작성 가능 1.1. 객

동작해야 할 목적대로 묶은 명령을 함수(function)라고 한다.

웹 브라우저에 의해 "탭"마다 하나씩 생성되는 객체로 브라우저를 제어할 수 있는 메서드를 제공한다. (새 창열기 메서드, 알림창, 컨펌창, prompt창 등)웹 브라우저가 열리면 가장 먼저 window라는 객체가 만들어지고 밑으로 하위 요소에 해당하는 객체들이 나타난다

1. 정규표현식

자바스크립트 언어만으로 구현하기에 복잡했던 구문들을 간소화하기 위해 개발된 자바스크립트 기반의 라이브러리이다.DOM요소와 관련된 스크립트를 쉽게 구현해 놨으며, AJAX(비동기 통신), 이벤트처리, 확장 플러그인 및 오픈 API 등 각종 편의성 기능을 제공한다.1\.

1. filter