-
2017.05.19
CSS3의 새로운 스타일 1
* 크기를 변경할 수 있는 박스 만들기 - resize 프로퍼티를 사용하면 크기를 조정할 수 있는 박스를 만들 수 있음. 1 2 3 4 5 6 7 8 9 10 11 [HTML] 유미나의 방 [CSS] .myResize { width:200px; height:40px; border:solid black 2px; overflow:auto; resize:both; } Colored by Color Scripter cs 1) resize 프로퍼티 none : 크기 변경 불가 // 초기값 horizontal : 폭만 변경 가능 both : 폭/높이 변경 가능 vertical : 높이만 변경 가능 * 박스에 그림자 효과 주기 - box-shadow 프로퍼티를 사용하면 박스에 여러 가지 그림자 효과를 줄 수 있음. ..
-
2017.05.19
벤더 프리픽스(Vendor Prefix)
* W3C의 사양이 결정될 때까지 - W3C에서 책정되는 사양은 아래와 같은 단계를 거쳐 결정됨. - 책정의 마지막 단계가 권고임. - W3C 사이트를 참조할 때는 어느 단계의 사양인지를 확인할 필요가 있음. - 권고 전 사양을 웹 브라우저가 도입하는 경우도 있으며, 웹 브라우저의 기능을 참고하여 사양이 정해지는 경우도 있음. Editor's Draft(편집자 초안) -> Working Draft[WD] (초안) -> Last Call Working Draftg[LC] (최종 초안) -> Candidate Recommendation[CR] (권고 후보) -> Proposed Recommendation[PR] (권고안) -> Recommendation[RED] (권고) * 벤더 프리픽스 - 권고 전 CSS..
-
2017.05.19
CSS3란?
* CSS의 특징 - CSS3에서는 이미지를 사용하지 않고도 음영이나 그라데이션을 지정할 수 있어서 표현력이 풍부해짐. - JavaScript를 사용하지않고도 애니메이션을 만들거나 변형할 수 있음. - 단락이나 배치를 세세하게 정의할 수도 있음. - 이미지를 사용하지 않아도 되기 때문에 웹 페이지의 데이터량을 절약할 수 있음. - 회선 속도가 느린 스마트폰 등의 환경에서도 쾌적하게 웹 페이지를 열람할 수 있음. 내용 출처 : HTML5가 보이는 그림책 (ANK Co., Ltd 저, 성안당)
-
2017.05.19
의미가 바뀐 태그
- HTML5에서 모습은 바뀌지 않았지만 의미가 좀 더 분명해진 태그 * 텍스트 관련 태그 - 웹 페이지의 모양은 CSS에서 조정하도록 바뀌었기 때문에 텍스트의 글꼴을 바꾸는 태그는 텍스트 자체에 의미를 부여하도록 사용 목적이 변경되었음. 태그 변경 전 변경 후 작성 예 굵은 글꼴을 나타냄. 키워드나 제품명 등 다른 것과 구별하고 싶은 곳을 나타냄. 그림책 시리즈의 최신작은 >b>HTML5가 보이는 그림책입니다. 문자열을 이탤릭체로 나타냄. 마음의 소리나 다른 나라의 언어 등 본문과는 다른 부분을 나타냄. 유미나는 '힘내자'>라고 결심했다. 취소선이 그어진 문자열을 나타냄. 정확하지 않았던 내용(또는 관련성이 없어진 내용)을 나타냄. 보통은 취소선이 그어진 문자열이 표시됨. 정가 : 1200원 특가 : ..
-
2017.05.19
HTML5의 새로운 태그 2
* 폼의 새로운 속성 - HTML5에서는 폼의 input 요소의 type 속성의 값이 큰 폭으로 확장됨. 속성 기능 search 검색 키워드 입력 tel 전화번호 입력 url URL 입력 email 메일 주소 입력 month 연월 입력 week 주 입력 date 날짜 입력 time 시각 입력 datetime UTD(협정 세계시) 입력 datetime-local 현지 날짜와 시각 입력 number 수치 입력 range 지정 범위의 수치 입력 min 속성으로 최소값, max 속성으로 최대값을 지정함. (생략 시는 0~100) color 색 입력 서버에는 '#ffeaf()' (이스케이프하면 '%23ffeat()')와 같이 문자열이 보내짐. [지원 상황] IE Firefox Opera Safari Chrome ..
-
2017.05.19
HTML5의 새로운 태그 1
* 문서의 구성과 관련된 태그 - HTML 문서 안에서 택스트가 어떤 위치에 있는지를 나타내기 위한 태그 - 시각적인 변화는 없지만 텍스트를 의미적으로 구분할 수 있음. 태그 기능 작성 예 일반적인 섹션을 나타냄. 제목을 붙여도 좋을 만한 문장의 모음에 대해 사용함. 오늘의 날씨 맑음 독립된 콘텐츠를 나타냄. 뉴스 기사나 게시판, 블로그의 투고에 사용함. 그림책 정리 유미나는 책갈피를 모티브로 한 캐릭터입니다. 헤더가 되는 콘텐츠를 나타냄. 섹션의 목차나 검색 폼 등에 사용함. 푸터(각주)가 되는 콘텐츠를 나타냄. 저작권과 관련된 정보나 관련 페이지의 링크 등에 사용함. 안녕하세요. 웹 페이지의 내비게이션이 되는 콘텐츠를 나타냄. 페이지의 목차나 항목 리스트 등에 사용함. 목차 일람 HTML5란 CSS란..
-
2017.05.19
HTML5의 특징
- HTML5에서는 HTML4에 비해 태그의 의미를 분명히 하도록 되어 있음. * 문서형 정의의 간략화 - HTML5에서는 HTML 문서의 맨 앞에 쓰는 DOCTYPE 선언의 표기를 간략화하고 있음. HTML5 : HTML 4.01 : 문서형 정의(DTD: Document Type Definition) : HTML4에서는 HTML문서의 형과 버전, 언어를 정의함. - 웹 브라우저는 이 선언을 보고 HTML 문서가 어떤 버전으로 작성되었는지를 판단하고 동작을 바꿈. - HTML5에서는 표준 스타일을 CSS, 표준 스크립트를 JavaScript로 정하고 있음. 이 때문에 type 속성을 생략하고 CSS나 JavaScript를 그대로 이용할 수 있음. [CSS] HTML5 : HTML 4.01 : [JavaS..
-
2017.05.19
HTML5란?
* HTML5 - 2012년 3월 W3C(World Wide Web Cnsortium)가 사양을 책정한 차세대 마크업 언어. - HTML 4.01을 대신하여 점점 고도화되는 웹 애플리케이션, 웹 콘텐츠를 처리할 수 있도록 사양을 고려하고 있음. - 지금까지는 그래픽 그리기나 페이지 이동을 수반하지 않은 통신 등 HTML에서 구현할 수 없는 기능은 Adobe Flash나 Microsoft Silverlight와 같은 애드온을 통해 구현해 왔으나 HTML5에는 이러한 것들이 표준 사양으로 들어가 있음. HTML 사양의 역사 1993년 HTML 1.0 1995년 HTML 2.0 1997년 HTML 3.2 1997년 HTML 4.0 1999년 HTML 4.1 (사실 W3C는 HTML을 대신할 마크업 언어로 XH..
-
2017.05.18
HTTP 리스폰스 헤더
- 서버는 웹 브라우저(클라이언트)의 요청에 대해 HTTP 리스폰스를 보냄. - 리스폰스의 구문은 아래와 같음. Status: HTTP/1.1 200 OK // 통신 상태(200번은 성공을 나타냄.) Content-Length: 21185 Content-Type: text/html // 내용이 HTML이라는 것을 나타냄. Content-Location: http://www.cyber.co.kr/index.html Last-Modified: Wed, 02 Nov 2011 11:05:28 GMT Accept-Ranges: bytes ETag: "1fb559544f99cc1:2a5" Server: Microsoft-IIS/6.0 X-Powered-By: ASP.NET Date: Thu, 08 Mar 2012 ..
-
2017.05.18
쿠키(Cookie)
* Cookie(쿠키)란? - HTTP 프로토콜에서 웹 서버에 대한 요청과 응답은 그 다음 요청과 응답하는 관계가 없음. - Cookie를 발행함으로써 이러한 관계없는 요청과 응답을 세션(웹 페이지에 접속한 후 해제할 때까지의 일련의 동작)으로 취급할 수 있음. - Cookie에는 유효 기간을 설정할 수 있고, 유효 기간이 지난 Cookie는 자동으로 폐기됨. ■ PC1 1. 방문 횟수나 날짜의 초깃값을 전달함. 2. 웹 브라우저는 받은 Cookie 정보를 반환함. 3. 받은 Cookie의 내용을 반영할 수 있음. ■ PC2 4. 받은 Cookie의 방문 횟수를 증가시키고 다시 전달함. * Cookie의 송신과 회수 - 서버 측에서 쿠키를 보내는 데는 몇 가지 방법이 있음. - HTML의 메타 요소에 포..
-
2017.05.18
JavaScript의 메서드
* 문자열 관련 메서드/프로퍼티 - 모두 '문자열.메서드명(또는 문자열.프로퍼티명)'으로 작성함. 1) 문자열 길이 구하기 - length 프로퍼티로 문자열의 길이를 구할 수 있음. var s = "HTML5가 보이는 그림책"; document.writeIn("문자의 길이는 " + s.length + "글자입니다."); 2) 검색 - indexOf() 메서드는 지정한 문자가 문자열의 몇 번째에 있는지를 반환함. var s = "HTML5가 보이는 그림책"; document.writeIn("'가'는 " + (s.indexOf("가")) + "번째 문자입니다."); 3) 문자열 분할 - split() 메서드는 문자열을 지정한 문자로 분할하여 배열에 저장함. var s = "HTML5가 보이는 그림책"; va..
-
2017.05.18
JavaScript 이벤트
* 이벤트 - 마우스 커서를 웹상의 이미지에 올려 놓으면 그 이미지가 바뀌는 일이 있음. - 이러한 웹 페이지에서는 '마우스 커서가 위에 있다'라는 이벤트를 처리하여 이미지를 바꾸고 있는 것임. * 이벤트 핸들러 - 이벤트에 반응하여 처리를 수행하려면 이벤트 핸들러를 정의해야 함. - 예) 1 2 3 4 5 6 7 8 9 ... // 이 요소의 src 속성을 설정함. cs - 이벤트 핸들러의 내용이 안에서 false로 반환되면 (return false) 디폴트로 정의되어 있는 처리가 수행되지 않음. - 이미지에 마우스 커서를 올려 놓으면 mouseover 이벤트가 발생함. - 이에 대한 이벤트 핸들러가 onmouseover 이벤트 핸들러. - 커서를 때면 mouseout 이벤트가 발생하고 onmouseo..
-
2017.05.17
요소의 참조
* 참조 방법 1) id 속성 값으로 검색하는 방법 - document.getElementById() 함수(메서드)를 사용하면 요소의 id 속성을 바탕으로 요소의 오브젝트를 참조할 수 있음. - getElementById()는 document 오브젝트가 갖고 있는 메서드임. document.getElementById("ID명") 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ... 사과 // innerHTML 프로퍼티로 참조할 수 있는 문자열 오렌지 포도 var a = document.getElementById("apple"); document.write(a.innerHTML + "는" + a.id); Colored by Color Scripter cs - '.'(피리어드)를 붙여 작성..
-
2017.05.17
DOM이란?
* JavaScript의 오브젝트- JavaScript에서는 OS나 웹 브라우저의 구성 요소, HTML 문서 등과 같은 것을 오브젝트라는 단위로 취급함. (이를 '오브젝트 지향'이라고 함.)- HTML의 요소도 JavaScript에서는 오브젝트로 취급함.- 오브젝트에는 일반적으로 데이터를 나타내는 프로퍼티(property)와 행동을 나타내는 메서드(method)가 포함되어 있음. * DOM- DOM(Document Object Model)이란, HTML 문서를 태그나 속성의 계층 구조(트리 구조)로 간주하여 참조하는 개념.- 이 구조를 'DOM 트리'라고 함. * 웹 브라우저의 오브젝트- 트리 구조는 웹 브라우저에 따라 다소 다를 수 있음. 내용 출처 : HTML5가 보이는 그림책 (ANK Co., Lt..
-
2017.05.17
JavaScript란?
* JavaScript- JavaScript란. HTML파일에 심어 넣을 수 있는 스크립트 언어를 말함.- 웹 사이트와 통신을 하지 않아도 사용자 조작 등으로 글자색이나 배경색을 변경하거나 웹 페이지를 전환할 수 있음. (색 변경, 일정 시간 후에 페이지를 전환, 메시지 상자를 표시, 드롭다운 메뉴를 만듦 등)- Java와 JavaScript는 문법만 비슷할 뿐, 별개의 언어임에 주의! [스크립트 언어]- JavaScript 코드(스크립트)가 들어간 HTML 파일을 웹 브라우저에서 읽어 들이면 JavaScript가 해석되어 그대로 실행됨.- 모든 스크립트가 항상 화면에 실행 결과가 표시되는 것은 아님. * JavaScript의 예 123456789101112131415161718JavaScript 예제 ..
-
2017.05.17
표시/배치 (Display/Placement)
* 표시와 배치.myview {position: relative;top: -1px;z-index: auto;visibility: visible;display: inline;} 1) position 프로퍼티- 배치 방법을 지정함static : 일반 배치 // 초기값relative : 일반 배치에 대한 상대 위치로 배치absolute : 이 요소를 포함하는 블럭 내의 절대 위치로 배치fixed : 창 안의 절대 위치로 배치 2) top 프로퍼티(상) / bottom 프로퍼티(하) / left 프로퍼티(좌) / right 프로퍼티(우)- 요소의 위치를 지정함.auto(자동) // 초기값또는 %나 px로 지정. (position이나 static인 경우는 무시됨.) 3) z-index 프로퍼티auto(자동) //..
-
2017.05.17
배경/리스트 (Background/List)
* 배경 이미지 저장하기- 웹 페이지나 테이블의 셀에 배경 이미지를 넣을 수 있음. .mybg {background-image: url("wall.png");background-repeat: no-repeat;background-attachment: scroll;background-position: center center;} 1) background-image 프로퍼티- 배경 이미지를 지정함.- http로 시작하는 절대 URL이나 CSS의 상대 URL로 지정.- 이미지가 없을 때는 none을 지정. 2) background-repeat 프로퍼티- 반복할 방향을 지정함.no-repeat : 반복 없음repeat : 가로 세로로 반복repeat-x : 가로로 반복repeat-y : 세로로 반복 3) bac..
-
2017.05.17
박스 (Box)
- CSS에서 중요한 개념 중 하나로 박스 모델이라는 것이 있음.- 모든 요소는 '박스'라 불리는 사각 틀을 갖고 있음. * 박스의 폭과 높이- 박스의 폭과 높이를 지정하려면 width와 height 프로퍼티를 사용해야 함..mybox {width: 200px;height: 100px;} 1) height 프로퍼티- 박스의 높이를 지정함.auto(자동) // 초기값또는 %나 px로 지정 2) width 프로퍼티- 박스의 폭을 지정함.auto(자동) // 초기값또는 %나 px로 지정 * 여백, 패딩, 테두리- 값을 하나만 지정하면 상하좌우에 동일한 값이 지정됨.- 스페이스로 구분하여 값을 4개 지정하면 상, 하, 좌, 우순으로 지정한 것이 됨. 프로퍼티명 의미 값 margin 여백의 폭 %나 px로 지정하..
-
2017.05.17
색/텍스트 (Color/Text)
* 적용할 범위 지정하기 - style 속성으로 지정하는 경우를 제외하고 CSS는 셀럭터로 적용 대성할 지정함. 방법 서식 작성 예 태그에서 지정하기 태그명 { } span{font-size:large;} 태그와 글래스명에서 지정하기 태그명.클래스명{ } div.group1{background-color:red;} 클래스명에서 지정하기 클래스명{ } .group1{text-align:right;} id에서 지정하기 #id명{ } #code1{color:blue;} 여러 요소에 적용하기 태그명1.태그명2{ } span, div{font-size:large;} 모든 요소에 적용하기 *{ } *{background-color:red;} * 색 변경하기 - 다음 프로퍼티를 사용하면 색을 지정할 수 있음. .my..
-
2017.05.17
CSS란?
* CSS란?- CSS(Cascading Style Sheets)는 웹 페이지에서 디자인이나 레이아웃과 같은 문서의 모양(스타일)에 관한 부분을 지정하기 위한 장치를 의미함.- 현재 웹 페이지에서는 문서의 내용이나 의미 부여에 관해서는 HTML에서, 장식에 관해서는 CSS에서 한다는 개념이 일반적임. * CSS를 작성하는 장소- CSS를 작성하는 방법에는 크게 세 가지의 종류가 있음. 1) style 속성으로 지정하는 방법- HTML 태그 안에 style 속성을 지정하여 요소에 스타일을 적용함. CSS를 적용했습니다. 2) style 요소를 사용하여 동일한 파일 안에서 지정하는 방법- HTML 파일의 head 요소 안에 style 요소를 넣어 스타일을 지정할 수 있음.- 여러 개의 속성에 스타일을 적용할..
-
2017.05.17
XHTML
* XML이란?- XML이란, HTML과 비슷한 마크업 언어의 일종으로, HTML처럼 웹 페이지를 표시하는 것이 아니라 다양한 데이터를 취급하는 데 널리 사용됨.- 또한 HTML보다 규칙이 엄격하여 확장성이 뛰어남.- HTML은 정해진 태그를 사용하여 웹 페이지를 나타냄.- XML은 작성자가 자유롭게 이름 붙인 태그를 사용하여 범용적인 데이터를 나타냄. * XHTML이란?- XML의 작성 규칙을 HTML에 도입하여 HTML의 장점과 XML의 장점을 조합한 마크업 언어. * XHTML의 작성 규칙- XHTML은 HTML과 높은 호환성을 갖고 있지만 작성 방법에 있어서는 몇 가지 차이가 있음. 1) 요소와 속성은 소문자로 작성함.그림책에 대해 (O)그림책에 대해 (X) // HTML에서는 요소와 속성의 대소..
-
2017.05.17
메타 요소
- 메타 요소를 지정하면 HTML 파일에 정보를 부여할 수 있음. * 메타 정보 - HTML 파일 안에는 메타 정보라는, 화면에는 표시되지 않는 정보를 심어 넣을 수 있음. - 메타 정보에는 웹 페이지 언어의 종류 등을 저장하는데, 이는 웹 브라우저나 검색 엔진용 정보로 이용됨. * meta 태그 - meta 태그는 메타 정보를 지정하기 위한 태그. - 속성의 종류에 따라 HTML 문서의 내용이나 문자 코드, 검색 엔진용 키워드 등을 지정할 수 있음. - meta 요소는 해더()안에 작성함. - name 속성을 지정하면 작성자의 정보나 키워드 같은 문서 정보를 심어 넣을 수 있음. - http-equiv 속성을 지정하면 언어나 스타일 같은 정보를 심어 넣을 수 있음. ... ... * 메타 정보의 종류 ..
-
2017.05.17
요소의 지정
* id와 class - 속성 중에는 글로벌 속성이라는 거의 모든 요소에 지정할 수 있는 것이 있음. - 그중에서도 중요한 것이 'id 속성'과 'class 속성' - 이러한 것은 스타일시트나 JavaScript와의 연결에 사용됨. * id 속성 - id 속성은 요소에 식별자를 지정함. - 하나의 도큐먼트 안에는 동일한 이름의 id를 지정할 수 없음. * class 속성 - class 속성은 요소에 클래스명을 지정함. - 하나의 도큐먼트 안에 동일한 클래스를 여러 개 지정할 수 있음. * 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 그림책 소개 p.text { color: #999999; } #header { ..
-
2017.05.17
폼 (Form)
- 폼은 데이터를 선택하거나 입력하기 위한 부품. - 폼의 내용은 form 요소 안에 작성함. action 속성을 사용하여 송신할 곳의 URL을 지정하거나 method 속성을 사용하여 통신 방법(GET 또는 POST)을 지정할 수 있음. 1) GET : 보내진 데이터는 URL의 일부(파라미터)로 주소 표시줄에 나타남. 2) POST : 보내진 데이터는 URL에 표시되지 않음. 긴 데이터를 보낼 때 적합함. 1 2 3 4 5 이름을 입력하세요. Colored by Color Scripter cs * type 속성의 종류 1) text : 텍스트 한 줄분의 입력 폼(텍스트 상자)을 나타냄. (type 속성을 직정하지 않는 경우는 이 형식이 됨.) maxlength 속성을 사용하여 최대 문자 수를 지정할 수 ..
-
2017.05.17
table 태그
태그 기능 표(테이블)를 작성함. 요소로 둘러싼 부분이 표기 됨. 표에 행을 추가함. 요소로 둘러싼 부분이 행이 됨. 표에 헤더(제목 행)가 되는 셀을 추가함. 요소로 둘러싼 부분이 셀의 제목이 됨. 표에 셀을 추가함. 요소로 둘러싼 부분이 셀의 내용이 됨. 표의 타이틀(캡션)을 나타냄. * table 태그에서 설정할 수 있는 속성 1) height : 테이블의 높이를 픽셀(도트 단위)로 지정함. 2) width : 테이블의 폭을 픽셀 또는 웹 브라우저의 창에 대한 비율(%)로 지정함. 3) cellspacing : 셀 간격을 픽셀로 지정함. 4) cellpadding : 셀의 여백을 픽셀로 지정함. 5) border : 표의 테두리 폭을 픽셀로 지정함. * td, th 태그에 설정할 수 있는 속성 1)..
-
2017.05.17
기본 태그
* 문장의 구분이나 줄바꿈 등에 사용되는 태그 태그 기능 작성 예 하이퍼링크를 추가함. href 속성을 사용하여 링크할 URL을 지정할 수 있음. 다른 페이지뿐만 아니라 매일 주소나 페이지 안의 다른 장소도 링크할 수 있음. 여기를 클릭 ~ 문장에 제목을 붙임. 숫자가 작을수록 큰 레벨을 가리킴. 그림책 단락을 나타냄. 달리 표시할 요소가 없는 경우에 사용하기를 권장함. HTML 태그란 줄바꿈을 나타냄. 줄을 바꿀 문장의 끝에 이라고 씀. 종료 태그 은 필요없음. 줄바꿈 합니다. 번호가 없는 항목 쓰기의 범위를 나타냄. 항목은 로 지정함. aaa bbb 번호가 붙은 항목 쓰기의 범위를 나타냄. 항목은 로 지정함. aaa bbb * 여러 개의 문장을 하나의 단위로 묶는 태그 태그 기능 작성 예 콘텐츠의 단..
-
2017.05.09
인터페이스 (Interface) & 추상 클래스(Abstract Class)와 어댑터(Adapter)
1. 캡슐화 - 하나의 객체가 그 안에서 모든 기능을 수행하도록 하는 것을 말함. - 캡슐이나 풍선처럼 막에 싸여 있다면 모든 기능을 다른 객체가 건드릴 수 없으며 명령만 내릴 수 있음. 2. 인터페이스(Interface) - 인터페이스란 클래스에 접근할 수 있는 방법이 무엇인지를 정의한 것. - 사람들을 보호하기 위해 만든 옛날의 성을 생각해보면, 성을 '클래스'라고 하고, 성벽과 성문으로 성을 둘러싸는 것을 '인터페이스'라고 생각할 수 있음. - 즉, 인터페이스를 통해 사람들이 성을 드나들 수 있음. 3. '구현한다(Implement)'의 의미 - 구현한다는 것은 메서드를 위해 만든 중괄호 안에 실행할 수 있는 기능을 넣는다는 의미임. - 인터페이스에서는 껍데기만 있고 실행될 코드가 없던 것에 직접 ..
-
2017.05.06
스피너 (Spinner)
12345678910111213141516171819202122 String[] groups = {"친구", "가족"};... Spinner spinner = (Spinner) findViewById(R.id.spinner);... ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_spinner_item, groups); adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);... spinner.setOnItemSelectedListener(new OnItemSelectedListener() { @Override public void onIte..
-
2017.05.06
instanceof 연산자
instanceof 연산자 - 객체가 어떤 클래스의 인스턴스인지 확인할 수 있는 연산자. - 객체가 어떤 클래스의 인스턴스인지 확인하고 싶을 때 instanceof 앞에 오는 객체가 뒤에 오는 클래스의 인스턴스면 true 값을 리턴.
-
2017.05.06
클래스 변수(메서드)와 인스턴스 변수(메서드)
클래스 변수 인스턴스 변수 모든 실제 객체에서 접근하여 그 값을 사용하거나 바꿀 수 있음. 각각의 실제 객체에서 사용됨. static 키워드를 붙임. static 키워드가 없음. 클래스라는 틀 안에 들어 있는 변수. 실제 객체 안에 들어 있는 변수. '클래스 이름' + '.' + '변수 이름'으로 접근. '실제 객체' + '.' + '변수 이름'으로 접근 1 2 3 4 public class Person { public static int total = 0; // 클래스 변수 public int age = 0; // 인스턴스 변수 } Colored by Color Scripter cs 클래스 메서드 인스턴스 메서드 static 키워드를 붙임. static 키워드가 없음. 클래스라는 틀 안에 들어 있는 메..