본문 바로가기

전체 글

 (107)
<img> : 이미지 삽입하기 이미지는 저장 위치에 따른 경로 지정이 조금 차이가 있다. 1. src 속성 : 내 컴퓨터의 이미지 파일 경로 지정 내 컴퓨터에 저장된 이미지 파일인 경우에 그 경로를 지정하기 위해서는 이미지 파일이 저장된 위치 파악이 중요하다. 👉 웹문서 파일과 이미지 파일이 같은 위치에 있을 경우 이 경우는 간단히 이미지 파일 명을 img 태그의 src 속성에 써 주기만 하면 된다. 예를 들어, index.html 웹문서 파일과 같은 위치에 dog.jpg 이미지 파일이 있다면 위와 같이 표현하면 된다. 👉 이미지 파일이 웹문서 파일의 하위 문서에 있을 경우 만약 index.html 웹문서 파일이 있는 폴더 안에 이미지만 따로 관리하는 images 라는 파일이 있다고 가정해보자. 위와 같이 하위 폴더명을 써주고 /를 ..
<table>, <th>, <tr>, <td> : 표를 만드는 태그 HTML 에서는 표를 table, 행(가로)를 row, 열(세로)을 column, 행과 열이 만나는 영역을 cell 이라고 한다. 1. 기본적인 표 만들기 내용 1 내용 2 내용 3 내용 4 태그는 row 를 나타내고, 태그는 cell 을 나타낸다. 즉 위의 예시는 2개의 행 그리고 2개의 열인 표를 만든 것이다. table의 속성 중에는 border 라는 속성이 있는데, 이 값을 지정해 주지 않으면 윤곽선이 보이지 않아 구분이 힘들다. 2. 태그 : 제목 셀 제목 1 제목 2 제목 3 내용 1 내용 2 제목 4 내용 3 내용 4 예시와 같이 각 행과 열의 제목을 달아 줄 수 있으며, 태그로 작성하는 내용은 태그로 작성하는 내용에 비하여 더 굵게 작성된다는 특징을 가지고 있다. 3. colspan, ro..
<ul>, <ol> : 태그로 목록 만들기 1. Unordered List : 순서 없는 목록 만들기 단순 나열을 할 때는 태그를 사용한다. 태그 안에 를 사용하여 내용을 작성하고 는 여러 개 사용 가능하다. 앞에는 불릿(bullet)이라는 도형이 각 를 구분해준다. 목록 1 목록 2 2. Ordered List : 순서 있는 목록 만들기 태그와 달리 순서가 있기 때문에 순서와 관련한 여러 속성을 함께 표기할 수 있다. 목록 1 목록 2 목록 3 type 속성으로 불릿 자리에 순서를 나타내는 문자를 표기할 수 있다. 기본적으로는 '1' 이 오며, 이외에도 'a, A, i(로마 숫자 소문자) I(로마 숫자 대문자)' 가 올 수 있다. start 속성은 type 속성이 몇 번째부터 시작할 것인지를 지정하는 것으로, 위의 예시 코드에서는 2라고 하였기..
Text Tag : Inline Level 1. 태그, 태그 : 굵게 표시하기 (bold) 강조하고 싶은 굵은 텍스트 굵은 텍스트 태그와 태그는 육안으로 구분이 되지 않지만 이 둘의 차이는 화면 낭독 기능에 있다. 중요한 내용을 강조하고 싶을 때는 태그, 단순히 굵게 표현할 때는 태그를 쓰도록 하자. 2. 태그, 태그 : 이탤릭체로 표시하기 (emphasis, italic) strong 태그와 같이 강조하고 싶을 때 사용 단순히 이탤릭체로 표시하고 싶은 내용 3. 태그 - 인용 내용 표시하기 (quote) blockquote 와 같은 기능을 수행하지만 인라인 레벨에서 줄바꿈 없이 표기 가능하다. 그리고 자동으로 큰 따옴표를 추가하여 준다. 4. 태그 : 형광펜 효과 형광펜을 칠한 것 같은 효과를 준다. CSS 의 background-color 속..
Text Tag : Block Level 1. 태그 : 제목 표시하기 (heading) 제목 제목 제목 제목 제목 제목 일반 텍스트와 비교될 수 있게 굵게 표현되며, 숫자가 작을수록 크기는 커진다. 즉 1이 가장 큰 글씨이며, 6이 가장 작은 글씨이다. 2. 태그 : 단락 만들기 (paragragh) 텍스트를 사용할 때 가장 많이 사용되며, 별도의 줄바꿈 태그가 없는 경우에는 한 줄로 표기된다. 다만 웹 상에서 한 줄에 표기 가능한 범위가 넘어가면 자동으로 줄을 바꾼다. 3. 태그 : 줄 바꿈 (break) 텍스트를 사용할 때 가장 많이 사용되며, 별도의 줄바꿈 태그가 없는 경우에는 한 줄로 표기된다. 다만 웹 상에서 한 줄에 표기 가능한 범위가 넘어가면 자동으로 줄을 바꾼다. 4. 태그 : 수평 줄 추가 (horizontal) 5. 태그 : ..
Iterator, ListIterator, Enumeration Iterator, ListIterator, Enumeration 은 컬렉션의 저장 요소에 접근하는 데에 사용되는 인터페이스이다. Enumeration 은 legacy 클래스로 사용이 자제되고 있으며, Iterator 또는 더 향상된 ListIterator 를 사용해야 한다. 1. Iterator Iterator 는 컬렉션에 저장된 데이터를 제어하고자 하는 목적이 아닌, 순차 탐색을 목적하고 있다. Collection 인터페이스에는 Iterator 를 반환하는 iterator() 메서드를 정의하고 있다. 즉, List와 Set 또한 이를 포함하고 있고 이들을 구현한 클래스에 iterator() 메서드를 호출하여 Iterator 를 반환받아 반복문(for, while) 등을 이용하여 컬렉션의 요소를 읽을 수..
Stack과 Queue 1. Stack 스택은 밑 부분이 막혀 있는 통 구조로 단방향으로만 데이터를 교환한다. 즉, 마지막에 저장한 데이터를 가장 먼저 빼내는 LIFO(Last In First Out) 방식으로 되어 있다. 예를 들어 스택에 0, 1, 2 순서로 데이터를 저장(push)했다면, 꺼낼 때(pop)는 2, 1, 0 순으로 빼오게 되는 것이다. 스택 구조에서는 순서가 바뀌게 되는 것을 주의해야 한다. 자바에서는 스택을 클래스로 제공하고 있기 때문에 그 자체로도 구현이 가능하다. class StackTest { Stack stack = new Stack(); stack.push(0); stack.push(1); stack.push(2); while(!stack.empty()) { System.out.println(st..
Collection Framework : List, Set, Map 1. Collection Framework Collection Framework 은 데이터 군을 다루고 표현하기 위한 자료 구조이다. 자바에서는 Collection Framework에서 크게 List, Set, Map 이렇게 3 가지 형태의 인터페이스로 분류하였다. 이 중 List 와 Set 간의 공통 부분을 추출하여 인터페이스 Collection 를 만들었고, Map 은 Collection 과의 관계가 없다. JDK1.2 버전 이전에서는 Vector, Stack, Hashtable, Properties 와 같은 legacy 클래스가 쓰였으며, 현재까지도 존재하지만 이는 이전에 작성된 코드와의 호환(하위 호환)을 위해 남겨둔 것으로 사용을 자제해야 한다. 2. Collection Framework 인터페..

티스토리툴바