day HTML 05

1. float

• float는 편집 디자인에서 이미지를 삽화로 삽입할 때 사용하는 기법이다. 또한 레이아웃을 잡을 떄도 사용하는 기능이기 때문에 효과적이다.

2. multicolumn

3. background

• background-size
  -> cover : 이미지를 공간안에 꽉 채운다.
  -> contain : 이미지의 삭제없이 다 채운다.

4. 미디어 쿼리

• 미디어 쿼리는 화면 크기에 따른 각각의 속성 값을 지정하여, 여러가지 화면을 구성하는 기술이다.

  @media only all and (조건문){실행문}

• @media : 미디어 쿼리가 시작됨을 표시

• only : 미디어 쿼리 구문을 해석하라는 명령어 (생략가능)

• all : 미디어 쿼리를 해석해야할 대상을 나타냄 (생략가능)

• and : 앞과 뒤의 조건을 나타낸다 (생략가능)

• (조건문) : 해당 조건을 설정,
  max-width : 이하, min-width : 이상

• {실행문} : 조건에 따라 실행할 스타일 설정

5. link 와 import

• 외부로 파일을 빼는 방법
• : html 태그로 하는법
• : css로 style태그에서 하는 법

6. cache

• cache : 자주 접근하는 데이터를 복사 해놓는 임시 저장소
• browser cache : 서버 지연을 줄이기 위해 사용하는 웹 캐시의 일종

7. bootstrap

8.바닐라 스크립트 (Vanilla JS)

• 바닐라 자바스크립트란 플러그인이나, 라이브러리를 사용하지 않은 순수 자바스크립트를 이야기한다.,
• 즉 바닐라 스크립트 = 자바 스크립트라고 생각하면 된다.

8-1. 자바스크립트에 영향을 준 언어

• java

8-2. 자바스크립트 버전

• ECMA
• ES6

9. 변수의 사용방법

• 변수를 사용하기 위해서는 '선언'과 '할당'의 두 영역으로 구분해야 한다.

• 변수의 선언
  var num;
  var hello;

• 변수의 할당
  num = 12345;
  hello = "안녕하세요";
  hello = '안녕';

10. 변수의 종류

• javascript의 변수는 표현하는 값의 종류에 따라서 형식이 구분된다.

• 이러한 변수의 종류를 데이터 형 이라고 한다.

  	Number(정수, 실수)
  	-> 숫자를 표현하거나 산술 연산을 하는데 사용되는 데이터 타입
  
  	String(문자열)
  	-> 문자열을 표현하는데 사용되는 데이터 타입.
  	쌍따옴표나 홑따옴표로 감싸진 문자를 의미한다.
  
  	Boolean(참,거짓)
  	-> true, false 값을 가지는 논리 데이터 타입
  
  	Object(객체)
  	-> 객체를 저장하기 위한 데이터 타입이다. 브라우저 제어 기능, Form 제어, HTML 태그 요소에 대한 제어 등이 가능하다.
  
  	Null(값 없음)
  	-> 개발자가 의도적으로 변수의 공간을 비워 놓읕 상태를 의미한다.
  
  	undefined(정의되지 않음)
  	-> 처음부터 변수가 선언만 되고 아무런 값도 할당되지 않은 상태를 의미한다.

10-1. null과 undefied의 차이

• java :
  -> 변수의 선언시에 자료형이 결정
• javascript
  -> 변수의 선언시에는 변수의 존재 여부와 스코프(범위)만 결정되고 자료형은 값을 할당할때 자동으로 결정이된다.
  -> 자료형이 결정되지 않은 상태이기 때문에 기본값이 할당될 수 없다. 무조건 undefined로 할당된다.
  -> javascript는 할당되지 않은 변수에 대하여 자동으로 기본값이 적요오디지 않는다. 기본값을 설정하기 위해서는
  개발자가 직접 값을 할당해 주어야 하는데, null은 이 때 사용하는 객체 변수에 대한 기본값으로 사용된다.
  -> 즉, null은 기능이 부여되지 않은 비어있는 객체 상태를 의미한다.