코맛

ㅁcover

박스의 가로,세로길이가 이미지의 가로,세로와 다를 때

이미지가 찌그러지지 않는 내에서 빈 공간이 생기지 않도록 

여백을 채우는 역할을 함.

https://developer.mozilla.org/ko/docs/Web/CSS/background-size

요소의 외부 여백(공간)을 지정하는 단축 속성

default : 0 (외부 여백이 없음)

auto: 브라우저가 여백을 자동으로 계산한다.

margin은 여러 방향으로 동시에 크기를 지정하거나 필요한 방향으로만 크기를 지정할 수 있다.

문서의 특정 부분을 스타일할 수 있도록 도와준다.

ex)

ABC::before {

content : "앞!";

color: red;

}

선택자 ABC요소의 앞에 내용(content)을 삽입한다.

ABC::after {

content:"뒤!";

color: blue;

}

선택자  ABC요소의 앞 내용(content)를 삽입한다.

What is Servlet?

서블릿은 웹 컨테이너에 의해서 관리되며 다양한 클라이언트 요청에 의해서 동적인 Content로 응답 가능한 자바 기반의 웹 컴포넌트이다.

Features

• 자바기반의 웹포넌트로서 .java 확장자를 갖는다.
• MVC패턴의 Controller역할로서 서블릿이 사용된다.
• 클라이언트의 HTTP 요청을 Servlet에 전달하고, Servlet의 HTTP응답 결과를 클라이언트에 돌려주는 역할.              ( =Servlet 엔진)

자바스크립트의 배열 특징

• 자바스크립트의 배열은 객체로 취급된다.
• 배열의 길에 제한이 없다.
• 배열에 저장할 수 있는 데이터의 타입이 제한되지 않는다.

Push

배열에 새로운 데이터를 추가하는 메소드.

배열의 뒤부터 하나씩 추가된다.

push (값1,2..N) ;

pop

배열의 마지막요소를 제거한다.

slice

배열로부터 지정한 start와 end 요소를 리턴한다.

slice(start, end)

splice

배열에 값을 저장하거나 삭제하는 메소드이다. 지정한 index위치에 값을 저장한다.

delCount는 삭제할 개수다.

splice (index, delCount, value)

위 그림을 해석해보자면

index 1번위치에 있는 "A"를  100으로 치환한다.

그리고 데이터값이 바뀐 1번 위치 뒤 첫번째 데이터값을 제거한다.

제거하는 순서는 데이터를 바꾼 위치 다음부터 시작한다는걸 주의해야한다.

sort

배열에 저장된 알파벳 또는 숫자를 정렬한다.

sort(function (a,b) {

return a-b;})

return a-b 는 오름차순 정렬

return b-a 는 내림차순 정렬

함수를 정의하는 방법은 크게 3가지로 나눠볼 수 있다.

선언적 정의 방법, 함수 리터럴(익명함수)이용

선언적 정의 방법

function 함수명 (parameter1,2....N) {

문장;

return 리턴값;} 

세부적으로 살펴보면

ㅁ매개변수가 없는 경우

function func1() {

alert("JavaScript");}

ㅁ매개변수가 있는 경우

function func2(name) {

document.write(name + "씨 환영한다."};

ㅁ리턴값이 있는 경우

function func3 (value) {

var ans;

ans = value + 200;

return ans;

}

익명함수

var 변수명 = function(parameter1,2....N) {

문장;

return 리턴값;

}

익명함수를 사용 시 함수호출은 꼭 함수정의 후 에 사용해야한다.

그 이유는 함수가 생성되는 시점이 프로그램의 실행단계에서 생성되기 때문이다.

어떤 언어를 배우든 가장 중요한 부분이라고 할 수 있는 데이터 타입에 대해 알아보자.

자바스크립트 데이터 타입의 종류는 다음과 같다.

• String(문자데이터)
• Number(숫자데이터)
• Boolean(불린데이터)
• Undefined
• Null
• Object
• Array

String(문자데이터)

다음과 같이 따옴표를 사용해서 작성한다.

Number(숫자데이터)

정수 및 부동소수점숫자를 나타낸다.

Boolean

true, false 두 가지 값을 가진 논리 데이터이다.

Undefined

JS만이 가진 특징 하나이며 값이 할당되지 않은 상태를 나타낸다.

Null

어떤 값이 의도적으로 비어있음을 의미한다.

Object(객체데이터)

여러 데이터를 key : value 형태로 저장한다.

표기방식은 { } 을 사용하며 다음과 사진을 참고하여 사용예시를 살펴보자.

Array(배열 데이터)

여러 데이터를 순차적으로 저장한다.

입출력스트림(I/O)

자바에서 데이터는 스트림을 통해 입출력이 된다. 스트림이란 한 방향으로 흘러가는 것을 말한다.

즉, 데이터를 입력받은 곳으로부터 출력하는 곳까지 흐르는 것을 가리킨다.

스트림의 종류

스트림은 크게 2가지로 구분된다.

ㅁ 바이트 기반 스트림 : 바이트형식의 데이터를 읽고 출력할 때 사용한다.

ㅁ 문자 기반 스트림  : 문자를 입력받고 출력할 때 사용한다.

스트림 클래스가 바이트 기반인지, 문자 기반인지를 구분하기 위해서는 최상위 클래스를 보면 된다.

InputStream 과 OutputStream 은 바이트 기반의 입출력 최상위 클래스이다.

하위클래스들은 접미사로 InputStream 과 OutputStream 이 붙는다.

Reader 와 Writer 는 문자 기반의 입출력 최상위 클래스이다.

하위클래스들은 접시마로 Reader 와  Writer가 붙는다.

If

Choose

람다식이란 함수를 하나의 식으로 표현하는 것을 말한다. 함수를 람다식으로 표현하면 이름이 필요없기 때문에

익명함수의 한 종류로 볼 수 있다.

ㅁ작성방법

(매개변수) -> (실행문;)

1.  (x, y) -> (retrun x + y);

2. 매개변수가 하나인 경우 자료형과 괄호 생략가능

ㄴ str ->{System.out.printLn(str)};

3. 매개변수가 두 개 잇아인 경우 괄호를 생략할 수 없음

ㄴ x, y-> {System.out.printLn(x+y);} //오류

4. 실행문이 한 문장인 경우 중괄호 생략가능

str -> System.out.println(str);

5. 실행문이 한 문장의 반환문인 경우엔 return과 중괄호를 모두 생략

(x, y) -> x+ y;

ㅁ람다식의 특징

1. 코드를 간결하게 만들 수 있다.

2. 함수를 만드는 과정에 있어서 비교적 간편하게 만들 수 있다.

함수형 인터페이스

람다식을 선언하기 위한 인터페이스이다.

익명 함수와 매개 변수만으로 실행되므로 인터페이스는 단 하나의 메서드만을 선언해야함.

@FunctionalInterface 를 선언해야함.