본문 바로가기

전체보기

(91)
5. HTML - 자주 쓰는 기본 태그 <h>, <p>, <br>, <pre>, <hr> 1. Heading 태그 제목 텍스트로 지정하는 태그로 크기가 크고 진하게 표시된다. 제목의 크기에 따라 ~ 까지 사용할 수 있다. 태그를 이용해서 제목 텍스트를 만든 다음 진하게 바꿔도 비슷하겠지만, 태그를 이용하는 것이 웹 표준에 적합하다. (검색 엔진에서 문서 제목을 잘 알 수 있게 한다.) ex) See the Pen NWGVgjY by Kephi (@kephi) on CodePen. 2. Paragraphs 태그 단락을 나타내는 태그 ~ 사이에 텍스트를 입력하면 입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. 줄 바꿈이 없는 텍스트 단락은 화면 너비를 넘어갈 경우 자동으로 아래 줄로 넘겨 표시된다. ex) See the Pen paragraph tag p by Kephi (@ke..
4. HTML - style 속성 style 속성은 html 태그 요소를 꾸며주기 위한 속성이다. (ex : 글꼴 색상, 크기, 모양 등..) style 속성의 값으로는 CSS 문법이 들어가야 한다. style 속성으로 자주 오는 속성값 예 - 배경색상 지정 : background-color 해당 요소(태그)의 바탕색을 지정한다. See the Pen background-color attribute by Kephi (@kephi) on CodePen. - 텍스트 색상 : color 해당 요소(태그)에 해당되는 텍스트들의 색상을 지정한다. See the Pen color attribute by Kephi (@kephi) on CodePen. - 글꼴 모양 지정 : font-family 해당 요소(태그)에 해당되는 텍스트들의 글꼴 모양을 지..
3. HTML - 특수 문자 표시를 위한 특수 기호 사용하기 HTML 문서에서 한글, 영어, 숫자등은 입력하는데로 텍스트를 화면에 보여줄 수 있지만, 특수 문자는 특수 기호를 사용해서 표시해야 한다. HTML 문서의 특성 상 여러 개의 공백 문자 (띄어쓰기)를 여러번 입력해도 한 칸만 인식된다. 또한 소스창에 그대로 따옴표를 입력하면, 화면에 표시되지 않고 태그 속 따옴표로 인식할 경우가 있다. ex) 속성 값의 따옴표로 인식될 수 있다. 따라서 웹 페이지에 특수 문자를 화면에 표시하고자 한다면, 특수 기호를 사용해야 한다. 화면에 표시할 특수 문자에 해당되는 특수 기호 화면에 표시되는 모습 (특수 문자) 특수 기호 & & (공백) > " &quot | | ( ( ) ) . , - - ` ´
2. HTML - 주석 comment 추가하기 HTML 주석 (comment) 자신이 작성한 html 문서의 소스를 보거나 다른 사람이 볼 때 웹 페이지 내용을 쉽게 이해할 수 있도록 설명글을 붙인다. 주석도 태그와 마찬가지로 비슷한 형태를 가지고 있다. ex) See the Pen comment by Kephi (@kephi) on CodePen. cf) CSS 영역인 영역에는 /* 주석 내용 */ 형태로 주석을 붙일 수 있다.
1. HTML 이란? 1. HTML 정의 - HTML : Hypertext Markup Language 웹 페이지의 구조를 설명하는 프로그래밍 언어의 한 종류로 웹 브라우저에서 웹 페이지를 볼 수 있도록 웹 페이지의 구조를 설명한다. (웹 페이지의 정보를 알려준다.) 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다. 2. HTML 특징 ① 구조가 단순하고 문법이 쉽다. 다른 프로그래밍 언어에 비해 단순한 구조를 가지고 논리적이고 연산적인 요소가 없다. ② 컴파일 되지 않은 텍스트 문서이기 때문에 편집이 쉽다. 텍스트 문서를 기계 언어로 바꾸는 컴파일 작업이 필요없다. 실행되는 프로그램에 따라 웹 문서, 텍스트 문서가 되기 때문에 문서를 편집하여 수정된 문서를 즉시 적용이 가능하다. ③ 마크업 언어 마..
5. Java 자바 - 필드의 다형성 클래스의 자동 타입 변환이 필요한 이유 자식 타입으로 사용하면 될텐데, 부모 타입으로 변환해서 사용하는 이유는?? 다형성을 구현하는 기술적 방법 때문이다. 다형성 : 동일한 타입을 사용하지만, 다양한 결과가 나오는 성질 주로 필드의 값을 다양화함으로써 실행 결과가 다르게 나오도록 구현한다. 필드 타입은 변함이 없지만, 실행 도중에 어떤 객체를 필드로 저장하느냐에 따라 실행 결과가 달라질 수 있다. (필드의 다형성) 프로그램은 수 많은 객체들이 서로 연결되고 각자의 역할을 한다. 이 객체들은 다른 객체로 교체될 수 있어야 한다. (부품 처럼!) ex) 자동차 클래스에 포함된 타이어 클래스 자동차 클래스를 처음 설계할 때 사용한 타이어 객체는 언제든지 성능 좋은 타이어 객체로 교체할 수 있어야 한다. 새로 ..
4. Java 자바 - 타입 변환과 다형성 다형성 같은 타입이지만 실행 결과가 다양한 객체를 이용할 수 있는 성질 하나의 타입에 여러 객체를 대입함으로써 다양한 기능을 이용할 수 있도록 해준다. 다형성을 위해 자바는 부모 클래스로 타입 변환을 허용한다. 즉 부모 타입에 모든 자식 객체가 대입될 수 있다. (부모 타입의 규격화) 이것을 이용하면 객체는 부품화가 가능하다. ex) 타이어 클래스 타입을 적용했다면 이 클래스를 상속한 실제 타이어들은 어떤 것이든 상관 없이 장착(대입) 가능하다. 자동차는 타이어 타입으로 Hankook 타이어와 Kumho 타이어를 사용하지만, 각 타이어의 성능은 다르게 나온다. 위 그림은 아래 코드처럼 표현된다. public class Car { Tire t1 = new HankookTire(); // 자식 타입 객체 대..
3. Java 자바 - protected 접근 제한자 protected 접근 제한자 (상속과 관련이 있다.) protected 는 public 과 default 접근 제한의 중간쯤에 해당된다. 같은 패키지에서는 default 와 같이 접근 제한이 없지만, 다른 패키지에서는 자식 클래스만 접근을 허용한다. protected 는 필드, 생성자, 메소드 선언에 사용될 수 있다. ex) A.java package package1; public class A { //필드 protected String field; //생성자 protected A() { } //메소드 protected void method() { } } ex) B 클래스는 A 클래스와 동일한 패키지에 있다. default 접근 제한과 마찬가지로 B 클래스의 생성자와 메소드에는 A 클래스의 protec..