JIHYUN's Story

text속성 - 글자, 공간, 단어, 문단들이 보여지는 속성

• text-align - text정렬 방식 지정

  • Element{text-align : left | right | center | justify }

  • justify는 각 라인의 너비가 모두 동일 하도록 간격을 늘린다.

  • HTML5부터는 center대신 text-align속성 사용

• text-decoration - text 장식 지정

  • Element{text-decoration : none | underline | overline | line-through | blink}

  • line-through는 text 사이로 라인 생성

  • blink는 text깜빡이는 효과 (IE는 지원 하지 않음)

• text-indent - Text-block안 첫 라인의 들여쓰기 지정

  • Element{text-indent : 절대 값(px,pt,em,em stc) | 배율(%)}

  • 절대 값의 기본 값은 0

  • 배율 값은 부모 element의 너비 비율로 들여쓰기

  • 속성 값 - 음수 허용 - 왼쪽으로 들여쓰기 함

• text-transform - text 대문자화

  • Element{text-transform  :  capitalize | uppercase | lowercase | none}

  • capitalize는 첫글자 대문자, uppercase는 글자 전체 대문자, lowercase는 글자 전체를 소문자로 변경

• white-space - element안의 공백 지정

  • Element{white-space :  normal | pre | nowrap | pre-line | pre-wrap}

  • normal - 정해진 영역에 따라 줄이 바뀌며, 하나의 whitespace만 허용

  • pre는 <pre>처럼 입력한 그대로 공백 출력

  • nowrap은 하나의 whitespace만 허용, 줄 바꿈 금지, <br>을 만나기 전까지 같은 줄 출력

• letter-spacing - 문자간의 space간격을 줄이거나 늘림

  • Element{letter-spacing  :  normal | 길이 값(length)}

  • 글자 간의 간격을 조절( 자간 늘릴 땐 양수, 줄일 땐 음수 사용)

• word-spacing - 단어 간의 간격 지정

  • Element{word-spacing  :  capitalize | uppercase | lowercase | none}
  • 단어 간격 조절

• line-height - 줄(행) 간격 지정

  • Element{line-height :  상대값 | 절대값 | 비율}

  • 기본값 normal

  • 비율값을 사용하며 현재 글자 크기를 기본으로 50%, 200%와 같은 비율로 행 간격을 설정

  • 절대값을 사용하면 행 간격을 px,cm등으로 직접 설정

  • 상대값을 사용하면 현재 글자 크기에 상대 값을 곱한 수 만큼 행 간격을 설정

*<font>태그는 CSS Property로 대체 가능하므로 권장하지 않는다.

• font-family - 글꼴 지정(font name)

  • Element{font-family : 글꼴이름(font name), 글꼴이름, ... }

  • 앞의 글꼴부터 적용, PC에 글꼴이 없다면 그 다음 글꼴로 적용

  • font name에 white-space가 포함 되면 quotation("")으로 감싼다.

• font-size - 글자 크기 지정

  • Element{font-size : 속성 값}

  • 절대 사이즈 속성 값 : xx-small, x-small, small, medium, large, x-large, xx-large

  • 상대 사이즈 속성 값 : larger, smaller

  • 그외, px, cm, %(부모 Element 와의 비율) 단위로 사용할 수 있다.

• font-style - 글자 스타일 지정

  • Element{font-style : normal | italic | oblique}

  • 기본값은 normal

  • italic은 글자를 이탤릭체로 표시

  • oblique는 글자를 기울임 꼴로 표시

• font-variant - 소문자를 작은 대문자(small-caps)로 변형

  • Element{font-variant : normal | small-caps}

  • 초기값은 normal, 한글은 변화가 없다.

• font-weight - 글자 굵기 지정 ( bold )

  • Element{font-weight : normal | bold | bolder | lighter}

  • 초기값은 normal, 100~900까지 숫자 값으로 사용할 수 있다.(400 : nomal, 700 : bold)

• font - font에 관한 속성을 한번에 지정하는 단축형 속성

  • 위 속성을 한번에 지정 가능

  • font-style -> font-variant -> font-weight ->font-size / inline-height -> font-family 순서로 작성

  • font-size와 font-family는 필수 값, 생략 -> 기본값 적용

  • 순서에 맞에 하지 않으면, 일부적용 되거나 전체 무시될 수 있다.

<div></div>태그

Division(분할, 나누기)태그로, 특정 영역이나 구획을 정의할 때 사용한다.
html에서 웹 페이지의 내용(텍스트, 이미지, 머리글 등)을 구분하는데 사용됩니다.

div 태그에는 열기(<) 및 닫기(>) 태그가 모두 있어야 한다.
특정 데이터나 기능에 대한 섹션을 만들 수 있기 때문에 웹 개발에서 유용한 태그중 하나이다.

div 태그는 블록 레벨 태그이며 일반 컨테이너 태그이다.

CSS와 함께 웹 페이지의 레이아웃(layout)을 설정하는데도 종종 사용됩니다.

div 태그와 span태그 차이점

div

block속성으로 한개의 line전체를 차지하는 영역

* width,height 설정이 가능하다.

span

line안에서 일부를 차지하는 영영

*width,height 설정이 잘 안됨!!

문제

평면에 네 개의 직사각형이 놓여 있는데 그 밑변은 모두 가로축에 평행하다. 이 네 개의 직사각형들은 서로 떨어져 있을 수도 있고, 겹쳐 있을 수도 있고, 하나가 다른 하나를 포함할 수도 있으며, 변이나 꼭짓점이 겹칠 수도 있다.

이 직사각형들이 차지하는 면적을 구하는 프로그램을 작성하시오.

좌표 평면을 이차원 배열로 뒤집어서 생각하였다.

숫자 그대로 이차원 배열에 넣으면 좌표 평면보다 면적이 크게 잡혀서 오른쪽 아래의 꼭지점은 [r-1][c-1]로 생각하였다.

문제

2차원 평면 제 1사분면 위의 격자점 (x,y)에 위 그림과 같이 대각선 순서로 점에 수를 붙인다.

점 (x,y)에 할당된 수는 #(x,y)로 나타낸다.

예를 들어 #(1,1) = 1, #(2,1)=3, #(2,2) = 5, #(4,4) = 25이다.

반대로 수 p가 할당된 점을 &(p)로 나타낸다.

예를 들어 &(1) = (1,1), &(3) = (2,1), &(5) = (2,2), &(25) = (4,4)이다.

두 점에 대해서 덧셈을 정의한다. 점 (x,y)와 점 (z,w)를 더하면 점 (x+z, y+w)가 된다.

즉, (x,y) + (z,w) = (x+z, y+w)로 정의한다.

우리가 해야 할 일은 수와 수에 대한 새로운 연산 ★를 구현하는 것으로, p★q는 #(&(p)+&(q))으로 나타난다.

예를 들어, &(1)=(1,1), &(5) = (2,2)이므로, 1★5 = #(&(1)+&(5)) = #((1,1)+(2,2)) = #(3,3) = 13이 된다.

▶Default Constructor

• Class를 만들 때 아무런 생성자를 만들지 않으면 컴파일러가 자동으로 기본생성자를 만들어 준다.
• 기본 생성자는 Parameter가 없는, 특별한 작업을 수행하지 않는 단순한 생성자이다.

▶Constructor

• 만약, 생성자를 우리가 만들면, 컴파일러는 아무런 생성자를 만들어 주지 않는다.
• 생성자는 Parameter를 다르게 하여 여러개를 만들 수 있다.
• Class는 생성자의 Parameter를 객체 생성할 때 사용하는데, 생성자가 여러가지로 제공되면 다양한 방법으로 객체를 만들 수 있다.
  

   

객체를 생성할 때 기본 생성자를 만들지 않고, Parameter가 없는 상태로 객체를 생성하면 에러가 납니다.

생성자가 하나라도 생성되있기 때문에 compiler는 아무런 생성자를 만들지 않고, 호출한 Parameter가 없는생성자를 호출하면 없기 때문에 에러가 발생합니다.

위 깃 소스처럼 기본 생성자를 추가하면 에러가 사라지는 것을 볼 수 있다.

▶생성자 앞의 제어자(modifier)는 public?

• 외부에서 생성자를 호출할 때 아무런 제한이 없다.
• 하지만, 생성자 호출을 Singleton Design Pattern으로 제한할 수 있다.

▶Singleton Design Pattern

관리 프로그램에서 관리자를 한명만 두기위해 제한을 두려고 외부에서 생성자 호출을 할 때 제한을 두었다.

문제

• 스도쿠는 숫자퍼즐로, 가로 9칸 세로 9칸으로 이루어져 있는 표에 1 부터 9 까지의 숫자를 채워넣는 퍼즐이다.

• 같은 줄에 1 에서 9 까지의 숫자를 한번씩만 넣고, 3 x 3 크기의 작은 격자 또한, 1 에서 9 까지의 숫자가 겹치지 않아야 한다.

• 입력으로 9 X 9 크기의 스도쿠 퍼즐의 숫자들이 주어졌을 때, 위와 같이 겹치는 숫자가 없을 경우, 1을 정답으로 출력하고 그렇지 않을 경우 0 을 출력한다.

[제약 사항]

1. 퍼즐은 모두 숫자로 채워진 상태로 주어진다.

2. 입력으로 주어지는 퍼즐의 모든 숫자는 1 이상 9 이하의 정수이다.

문제

상근이는 변의 길이가 1인 정사각형 n개를 가지고 있다. 이 정사각형을 이용해서 만들 수 있는 직사각형의 개수는 총 몇 개일까?

두 직사각형 A와 B가 있을 때, A를 이동, 회전시켜서 B를 만들 수 없으면, 두 직사각형은 다르다고 한다. 직사각형을 만들 때, 정사각형을 변형시키거나, 한 정사각형 위에 다른 정사각형을 놓을 수 없다. 또, 직사각형은 정사각형으로 꽉 차있어야 한다.