CSS박스 모델이란 웹문서의 내용을 박스 형태로 정의하는 방법을 가리킵니다. 이 박스 모델들이 모여 웹문서를 이루며 그 안에는 마진과 패딩, 테두리 등 여러 겹의 박스가 들어있습니다. 이 개념은 CSS에서 자주 사용되는 개념이므로 잘 기억해두어야 합니다. 블록 레벨 요소와 인라인 레벨 요소 박스 모델은 블록 레벨 요소인지 인라인 레벨 요소인지에 따라 나열 방법이 달라집니다. 그러므로 먼저 블록 레벨 요소와 인라인 레벨 요소에 대해 알아보도록 하겠습니다. 블록 레벨(block-level)요소란 태그를 사용해 요소에 삽입했을 때 혼자 한 줄을 차지하는 요소입니다. 한 줄을 차지한다는 것은 해당 요소의 너비가 100%라는 의미입니다. 즉, 기본적으로 가로 영역을 모두 채우며, block 요소 다음에 등장하는 ..
12345678910111213141516171819202122232425262728293031323334353637 Scanner scanner = new Scanner(System.in); System.out.print("국어 점수를 입력 하세요. "); int kor = scanner.nextInt(); // 국어 점수 System.out.print("영어 점수를 입력 하세요. "); int eng = scanner.nextInt(); // 영어 점수 System.out.print("수학 점수를 입력 하세요. "); int met = scanner.nextInt(); // 수학 점수 double ave = (kor + eng + met) / 3; System.out.println("평균 점수는 " ..
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960class Rectangle { private int width = 0; private int height = 0; // 둘레 public int border() { return 2 * this.width + 2 * this.height; } // 넓이 public int area() { return this.width * this.height; } // setter,getter public void setWidth(int width) { if (width
현실 세계에서 어떤 제품을 만들 때 부품을 먼저 개발하고 이 부품들을 하나씩 조립해서 완성된 제품을 만들듯이, 소프트 웨어를 개발할 때도 부품에 해당하는 객체들을 먼저 만들고 이것들을 하나씩 조립해서 완성된 프로그램을 만드는 기법을 객체지향 프로그래밍(OOP)이라고 합니다. Java는 객체 지향 프로그래밍 언어로 메서드와 함께 클래스 및 객체(object)와 연관됩니다. 이때 객체를 만들어 내기 위한 설계도와 같은 개념을 클래스(class)라고 합니다. 즉, 클래스는 객체 생성자 또는 객체를 만들기 위한 청사진과 같습니다. 위 자전거 클래스는 이름, 무게, 가격을 필드(상태)로 가지고 있네요. 메서드(동작)로는 이동하기와 경적 울리기 기능이 가능하도록 설계되었습니다. 객체란? 객체(Object)란 물리적..
CSS는 Cascading Style Sheets의 약자입니다. CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어입니다. 오늘날 대부분의 웹 브라우저들은 모두 CSS를 지원하고 있습니다. CSS는 다양한 장치 및 화면 크기에 대한 디자인, 레이아웃 및 변형을 포함하여 웹 페이지의 스타일을 정의하는 데 사용됩니다. 다시 말해 문서 작성과 디자인을 분리하여 살펴본다면 하나의 웹 문서에서 문서 작성은 HTML이, 디자인은 CSS가 담당한다고 생각하면 됩니다. CSS를 사용하는 이유 앞서 설명했던것 처럼 HTML만으로 웹 페이지를 제작할 경우 HTML 요소의 세부 스타일을 일일이 따로 지정해 주어야만 합니다. 이 작업은 매우 많은 시간이 걸리며, 완성한 후에도 ..
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162package com.human.ex..
폼(form)은 알게 모르게 웹문서에서 자주 사용되고 있습니다. 특히 사용자의 의견이나 정보를 알기 위해 폼을 사용하는 경우가 많으며 아직까지 브라우저별로 지원하는 내용이 다르기 때문에 표준 규약이 완성될 때까지는 하나씩 확인해야 합니다. form요소 웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있습니다. 또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용합니다. form 요소는 다음과 같은 문법으로 사용합니다. 1 2 3 Colored by Color Scripter cs ① action : 사용자가 입력한 데이터를 받아 처리하기 위한 웹 프로그램(ASP, PHP, JSP… 등)의 페이지 지정 ② method : 웹 서버와 클라이언트 간의 통신 방법 지정(..
HTML 태그 중 가장 자주 사용되는 태그가 이미지와 하이퍼링크 관련 태그입니다. 이미지를 넣는 방법과 글이나 이미지를 클릭하면 다른 문서나 사이트로 넘어가는 링크를 거는 방법에 대해 소개하겠습니다. HTML 이미지 웹페이지에 사용할수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질이 좋아야 하기 때문에 몇 가지 파일 형식만 사용할 수 있습니다. 만약 다른 형식으로 된 이미지 파일을 웹에서 사용하려면 다음과 같은 형식으로 변환해야 합니다. 태그 웹문서에 이미지를 삽입할 때는 태그를 사용합니다. 이때 src 속성을 사용해 이미지 파일이 있는 경로를 알려주어야 화면에 이미지를 표시할 수 있습니다. 태그는 종료 태그가 없는 빈 태그이며 다음과 같은 문법으로 사용합니다. 1 cs src 속성은 이미지가 저..
