본문 바로가기

Programming

 (470)
[CSS] 2. 텍스트 스타일(4) - 텍스트 정렬 1 ○ text-align : 텍스트 정렬 조정 이 속성은 흔히 문서 작업에서 많이 사용하는 정렬을 의미합니다. 가운데 정렬, 왼쪽 정렬 같은 문장의 위치 정렬을 지정하게 되지요. 선택자 { text-align: start | end | left | right | center | justify | match-parent; } - left / right / center : 좌측 / 우측 / 중앙 정렬을 의미합니다. - start / end : 현재 텍스트 줄의 시작 / 끝 위치에 맞춰 문단을 정렬합니다. - justify : 양쪽 끝에 맞추어 정렬합니다. 오른쪽에 여백이 생기지 않습니다. - match-parent : 부모 요소를 따라서 문단을 정렬합니다. ○ line-height : 줄 간격 조정 line-..
인터페이스(11) - 인터페이스의 상속 인터페이스 역시, 클래스와 마찬가지로 다른 인터페이스를 상속할 수 있습니다. 주의할 것은 구현 클래스가 아니라 인터페이스 자체가 다른 인터페이스를 상속한다는 점입니다. 인터페이스 역시 extends 키워드를 통해 다른 인터페이스를 상속할 수 있고, 중요한 점은 인터페이스는 클래스와 달리 다중 상속이 가능하다는 것입니다. 기존에는 부모 / 자식 클래스로 통칭했는데, 인터페이스는 상위 / 하위 인터페이스로 각각의 호칭을 지정하겠습니다. public interface 하위인터페이스 extends 상위인터페이스1, 상위인터페이스2... { //... } 상속이 발생하므로, 당연하겠지만 다형성의 특질을 갖게 됩니다. 예를 들어서 위에서 예시로 든 '하위인터페이스'를 구현하는 '구현클래스'가 있다고 가정하겠습니다...
[CSS] 2. 텍스트 스타일(3) - 텍스트 컬러 이번 아티클에서는, 텍스트에 적용되는 색상의 값을 지정하는 요소를 사용해보겠습니다. 사실, 기본적으로 사용되는 컬러 속성은 간단하게 다음과 같이 사용할 수 있습니다. 선택자 { color: ; } 다만 여기서 중요한 것은, 색상값을 어떤식으로 작성해 부여하느냐입니다. HTML에서는 상황에 따라 소스에서 색상을 표현하는 방식이 여러가지가 존재하기 때문입니다. 꼭 CSS가 아니더라도 디자인이나 여러 개발/문서 작업에도 적용할 수 있는 상식이니 하나씩 차근차근 살펴보도록 하겠습니다. ○ 16진수로 컬러 표현하기 16진수는 우리가 일상적으로 '컬러코드'로 부르기도 합니다. [#nnnnnn] 형태로 표현하게 되죠. 아마 포토샵이나 파워 포인트에서도 컬러를 선택할 때 많이 보셨을 것입니다. 10진수는 0~9 까지의..
인터페이스(10) - 객체 타입체크(instanceof) 상속 챕터에서와 마찬가지로, 인터페이스 타입 객체와 구현 클래스 간에 강제 타입 변환(casting)을 시도할 때 자동 변환된 타입의 원본 타입에 오류가 있다면 ClassCastException이 발생하게 됩니다. 이를테면 구현 클래스 Taxi가 Vehicle 인터페이스 타입으로 변환되어 인터페이스 변수에 대입되었는데, Bus 타입으로 캐스팅을 시도한다면 오류가 발생하겠지요. 그래서 캐스팅이 필요한 경우에는 역시 instanceof 키워드를 사용하여 true일 경우에만 실행하는 조건을 주는 것이 안전합니다. if(vehicle instanceof Bus) { Bus bus = (Bus) vehicle; } 기존 인터페이스 Vehicle과 Driver 클래스를 활용한 예제를 수정해 instanceof를 사..
[CSS] 2. 텍스트 스타일(2) - 웹(외부) 폰트 사용하기 우리는 앞서 폰트와 관련된 설정을 할 때, 유저의 PC에 있는 폰트를 고려하여 폰트를 지정했습니다. 하지만 항상 유저의 환경을 고려할 수도 없는 노릇이고 우리가 기획하고 디자인한 폰트로 출력하기 위해서는 폰트를 만드는 입장에서 제공할 필요성이 있습니다. 이를 위해서 스타일 선언을 통해 우리가 직접 웹 문서에 사용할 폰트를 업로드하거나 지정된 위치에서 불러오는 동작을 선언할 수 있습니다. 방법에 따라 몇 가지 선언 방식이 있는데, 하나씩 차근차근 살펴보도록 하겠습니다. ○ 폰트 파일 경로 지정 후 사용하기 직접 폰트 파일의 경로를 지정하여 사용하게 된다면, 다음과 같이 @font-face 속성을 적용하여 미리 선언하고 사용할 수 있습니다. 여기서는 빙그레에서 제공하는 무료 폰트인 '빙그레 싸만코체 Regu..
인터페이스(9) - 인터페이스 파라미터의 다형성 & Casting 파라미터의 다형성 역시, 상속 챕터에서 공부해 본 사항입니다. 만약, 파라미터의 타입이 부모 클래스로 선언되어 있을 경우 해당 파라미터 영역에 자식 클래스를 인자로 전달하게 되면 자동 타입 변환이 발생한다는 점을 활용하였죠. 인터페이스의 경우도 마찬가지입니다. 파라미터 타입이 인터페이스로 선언되었을 경우, 해당 인터페이스를 구현한 구현 클래스가 해당 파라미터에 인자로 전달될 수 있습니다. 그리고, 이 파라미터의 메서드를 호출하게 되면 각 구현 클래스가 오버라이드 한 메서드가 실행되기 때문에 다양한 결과를 호출할 수 있게 됩니다. 만일 Vehicle이라는 인터페이스를 파라미터로 받는 메서드가 있을 경우, 이를 구현하는 Bus 클래스의 인스턴스가 인자로 전달될 수 있습니다. 인스턴스 변수 혹은 new 형태로..
인터페이스(8) - 인터페이스의 타입 변환과 다형성 3(배열 객체) 이번에는 인스턴스 객체의 배열형 타입 관리의 케이스와 마찬가지로, 인터페이스 역시 구현 객체를 배열 타입으로 관리해 보는 예제를 확인해 보도록 하겠습니다. 우선, 기존 예제에서 작성되었던 Car 클래스를 살펴보겠습니다. public class Car { Tire frontLeftTire = new HankookTire(); Tire frontRightTire = new HankookTire(); Tire backLeftTire = new HankookTire(); Tire backRightTire = new HankookTire(); void run() { frontLeftTire.roll(); frontRightTire.roll(); backLeftTire.roll(); backRightTire.rol..
[CSS] 2. 텍스트 스타일(1) - 폰트 스타일 속성 ○ font-family 속성 : 폰트의 종류 지정 우선 해당 웹 문서에서 적용될 폰트를 지정하는 방식에 대해서 살펴보겠습니다. 주로 , , 태그에서 적용되겠죠? 기본적으로 웹 문서의 폰트 스타일을 지정하게 되면 사용자의 시스템(PC)에 설치된 폰트를 이용하게 됩니다. 그런데 항상 모든 사용자의 PC에 우리가 지정한 폰트가 있을 것이라는 보장은 없습니다. 그래서 font-family 속성에는 두 번째, 세 번째.... 폰트를 미리 설정하여 차순위로 사용할 폰트까지 지정하게 됩니다. 이런 방식으로 폰트를 설정하게 된다면, 애초에 사용자의 PC에 기본적으로 설치되는 폰트를 사용하는 게 좋겠죠? 아래의 사례와 같이, font-family 속성 값으로 다수의 폰트를 우선 순위로 지정하게 될 때는 쉼표(,)를 사..

티스토리툴바