[CSS] CSS

float

• float는 편집 디자인에서 이미지를 삼화로 삽입할 때 사용하는 기법이다. 또한 레이아웃 잡을때도 중요하다.

muticolumn

background

background-size: cover; VS background-size: contain;

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

semanticTag

원래는 각각 설정 해야 하지만 auto 로 설정 하면 됨

미디어 쿼리

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

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

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

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

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

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

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

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

  link와 import

• 외부로 파일을 빼는 방법

ink rel="stylesheet" href="style.css">
 : html 태그로 하는 법

<style>
	@import url("style.css")
</style>
: css로 style태그에서 하는 법

cache

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

  bootstrap

바닐라 스크립트 (Vanilla JS)

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

자바스크립트에 영향을 준 언어

• Java
• scheme
• self

자바스크립트 버전

• ECMA
• ES6

변수의 사용방법

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

var num;
var hello;

[변수의 할당]

num = 12345;
hello = "안녕하세요";
hello = '안녕';

변수의 종류

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

Number(정수, 실수)
-> 숫자를 표현하거나 산술 연산을 하는데
사용되는 데이터타입

String(문자열)
-> 문자열을 표현하는데 사용되는 데이터 타입.
쌍따옴표나 홑따옴표로 감싸진 문자을 의미한다.

Boolean(참,거짓)
-> true, false 값을 가지는 논리 데이터 타입

Object(객체)
-> 객체를 저장하기 위한 데이터타입이다.
브라우저 제어 기능, Form 제어, HTML 태그
요소에 대한 제어 등이 가능하다.

Null(값 없음)
-> 개발자가 의도적으로 변수의 공간을
비워 놓은 상태를 의미한다.

undefined(정의되지 않음)
-> 처음부터 변수가 선언만 되고 아무런 값도
할당되지 않은 상태를 의미한다. 이 상태의 변수는
어떠한 처리도 불가능하다.

NULL과 underfined의 차이

• java :
  -> 변수의 선언시에 자료형이 결정
  -> 객체의 경우 null, 숫자형태의 변수는 0,
  boolean은 false로 기본값이 할당되었다고
  간주한다.

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