본문 바로가기

전체 글

 (104)
<CSS> 레이아웃 (2) - 박스 구성 요소 - 박스 구성 요소 1) border border는 테두리라는 뜻으로, 박스에서는 핵심적인 부분인 콘텐츠를 둘러싼 테두리다. 테두리에 적용할 수 있는 스타일 속성으로는 다음과 같은 것들이 있다. - border-style : 테두리 선의 스타일 지정 ex. none, solid(실선), dotted(점선), double(이중선) - border-width : 테두리 선의 두께 지정. thin-medium-thick이나, 구체적인 수치로 설정할 수 있음 - border-color : 테두리 선의 색상 지정 - border-radius : 박스 모서리를 둥글게 설정. 테두리의 모서리 부분에 원이 하나 있는 것처럼 원의 반지름(radius) 값을 설정. - border 스타일 묶어서 표현 : border *속..
<자바 Java> 컬렉션 프레임워크(Collection Framework) (2) - Set - Set 컬렉션 Set 컬렉션은 List 컬렉션과 달리 순서를 저장하지 않는다. 그리고 중복을 허용하지 않는다. 수학의 집합, 그리고 구슬 주머니라고 할 수 있다. 동일한 객체를 두 개 이상 저장할 수 없으며, 들어가고 나오는 순서가 매 번 같지 않기 때문이다. Set 컬렉션도 List 컬렉션과 마찬가지로 제네릭 타입을 가지며, 객체 구현 시 구체적인 타입을 결정한다. 또한 객체 추가는 add(), 삭제는 remove() 메서드를 사용하는데 List 컬렉션과 같다. 주의할 점은 앞서 설명한 바와 같이 List 컬렉션과 다르게 객체 저장에 순서가 없다는 것이다. 따라서 객체를 꺼내오려면 반복자(Iterator)의 메서드를 사용해야 한다. - Iterator 인터페이스 Set 컬렉션에는 순서가 없기 때문에..
<자바 java> 상속 - 상속이란? 자바에는 '상속'의 개념이 있다. 말 그대로, 상속을 통해 클래스 간 자원(필드, 메서드 등)이 전달될 수 있는 속성이다. 프로그램에서는 상속이 이루어졌을 때, 상속해준 클래스를 부모 클래스 혹은 상위 클래스, 상속을 받은 클래스를 자식 클래스 혹은 하위 클래스로 지칭한다. - 상속의 이점 상속이 자바에서 핵심적이며 중요한 하나의 기능으로 자리잡은 데에는 상속이 갖는 이점들에 그 이유가 있다. 상속은 이미 잘 개발된 클래스를 다시 재사용하여 새로운 클래스를 만드는 것이다. 따라서 다음과 같은 이점들을 가진다. 1) 코드의 중복을 줄여준다. 2) 수정을 최소화시킬 수 있어 유지 보수 시간을 줄여준다. 다만, 상속에서 주의할 점은 모든 필드와 메서드를 상속받을 수 있는 것은 아니라는 것이다. ..
<CSS> 레이아웃 (1) - 박스 모델 - CSS 레이아웃 웹 문서의 구성은 기본적으로 박스를 기준으로 되어있다. 즉, 박스 모델이다. CSS 레이아웃은 이 박스 모델에 기초하고 있다. 박스 모델은 아래 두 가지의 요소에 따라 나열 방법이 달라진다. 1) 블록 레벨(block-level) 요소 블록 레벨 요소란, 박스들이 가로로 각각 한 줄씩을 차지하는 요소들을 말한다. 따라서 세로로 길게 한 줄로 늘어서게 되며, 각 줄의 요소 옆에는 다른 박스가 올 수 없다. *블록 레벨 태그 - , ~, , , , , , , , , 2) 인라인 레벨(inline-level) 요소 인라인 레벨 요소란, 블록 레벨 요소와 달리 한 줄에 여러 박스들이 위치할 수 있는 형태의 요소를 말한다. 보다 쉬운 이해를 위해 의인화를 해보자면, 블록 모델 요소들은 욕심이 ..
<CSS> 기초 개념 (CSS 고전짤..) - CSS란? 'Cascading Style Sheets'의 약자로, HTML과 함께 웹 표준 규격을 이룬다. 쉽게 말해 HTML이 웹 문서의 구조, 기본 텍스트, 골격 등을 나타낸다면 CSS는 HTML에 색상, 이미지 등의 스타일적인 요소를 부여하는 것이다. 웹 문서의 겉모습이라고도 할 수 있겠다. 하나의 문서 안에 여러 개의 스타일이 적용될 수 있는데, 이들을 묶어 놓은 것을 스타일 시트라고 한다. 스타일 시트는 두 가지 방법으로 사용할 수 있다. '내부 스타일 시트'와 '외부 스타일 시트'가 그것인데, '내부 스타일 시트'는 HTML 문서 안에 스타일 시트를 함께 작성한 것이며, '외부 스타일 시트'는 HTML과 스타일 시트 파일을 따로 분리하여 작성하고, HTML 안에 스타일..

티스토리툴바