Kim's Programming

사용자 정의 객체 객체(object)란 프로그램 작성의 대상 도메인 내에서 명사적으로 표현될 수 있는 모든 것(thing)을 의미하며, 속성과 행위를 가질 수 있는 기본단위를 말합니다. 속성은 객체의 성질 또는 특징을 나타내며 행위는 메소드란 용어료 표현되는데 이는 객체가 수행할 수 있는 동작을 나타냅니다. 메소드는 객체가 가지는 처리기능으로써 자주 사용되는 개게의 처리기능을 미리 프로그래밍 해두고 필요할 때 마다 해당 메소드를 불러서 사용하게됩니다. 메소드를 활룔하면 함수에서 처럼 프로그램의 가독성(Readability)과 효율성이 높아집니다. 자바스크립트에서 다루는 객체는 자바스크립트 자체에서 제공하는 내장 객체(Built-in object)와 사용자가 직접 특정 목적에 맞게 만들어서 사용하는 사용자..

함수 함수는 프로그램 내에서 반복적으로 사용되는 명령문들을 그룹으로 묶어서 처리할 수 있도록 하는 명령문의 집합입니다. alert()나 prompt();등은 경고창이나 메시지창을 열어주기 위해 미리 정의해 둔 함수의 예입니다. 이러한 함수들은 특정 기능을 위해 간단히 그 이름으로 참조되어 호출되지만, 호출될 때마다 정해진 일련의 작업절차를 수행하도록 되어있습니다. 함수는 alert(), prompt()등과 같이 자바스크립트에서 이미 제공하는 함수가 있는가 하면, 사용자가 직접 함수를 정의하여 사용하는 것도 가능합니다. 이때 전자를 내장함수 후자를 사용자 정의함수라고 합니다. 함수와 관련된 몇가지 용어를 설명하기에 앞서 수학에서 흔히쓰는 y=f(x)라는 수식을 사용하겠습니다. y=f(x)에서 f는 함수명 ..

반복문 반복하여 특정 문구를 100번 출력한다고 했을 때는 최소 100줄의 코드를 쳐야 가능합니다. 하지만 반복문을 이용하면 특정한 조건하에서 여러번 반복하기 때문에 몇줄 안되는 코드를 이용 100개를 손쉽게 출력을 할 수 있습니다. 다음은 특정 문구를 5번 출력하는 2가지 방법입니다. 반복문을 사용하면은 통채로 입력하는 것 보다 보기도 좋고 코드도 간단해 집니다. 1234567891011document.write(" 반복문을 반복하기위해 씁니다.");document.write(" 반복문을 반복하기위해 씁니다.");document.write(" 반복문을 반복하기위해 씁니다.");document.write(" 반복문을 반복하기위해 씁니다.");document.write(" 반복문을 반복하기위해 씁니다.")..

조건문자바스크립트 프로그램에서는 조건문을 이용하여 조건에 맞는 명령을 지정할 수 있습니다. ~이면 ~한다 는 형태의 조건문은 if를 이용하여 표현할 수 있고 여러 조건들에 따른 각각의 작동을 표현하려면 Switch문을 이용하여 표현할 수 있습니다. IF문 if문은 조건식이 참이면 내부의 실행문을 수행하고 거짓이면 수행하지 않습니다. 조건문에서 조건식이 참일때 실행하는 명령문이 여러개면 { } 를 이용하여 묶어 주어야합니다. 소스로 설명하겠습니다. 123456789101112131415161718192021 IF 조건문 function pwChk() { if(document.frm1.pw.value == "mis") alert("비밀번호가 정확합니다.") } 비밀번호 : Colored by Color Sc..

변수와 상수 프로그램에서 수치, 문자, 문자열등과 같이 직접 작성한 데이터를 상수 또는 리터럴(Literal)이라 하며, 데이터를 저장 할 수 있도록 기억장소에 이름을 부여한 것을 변수라고 합니다. 변수와 상수의 차이점은 변수는 그 안의 데이터값을 바꿀 수 있지만 상수는 데이더값이 정해져 있기 떄문에 바꿀 수가 없습니다. 상수 또는 리터럴의 사용 리터럴(Literal) 또는 상수는 프로그램 내에서 사용되는 고정된 값을 말합니다. 지금까지의 예제에서 document.write()명령어의 괄호안에 있는 문자열 같은경우가 바로 이 리터럴에 해당합니다. 리터럴의 종류는 숫자, 문자열, 논리형, NULL이 있습니다. 숫자형(NUMBER) 리터럴은 다시 정수형과 실수형으로 구분하는데 이는 컴퓨터는 숫자를 정수와 실..

자바스크립트 팝업창이 자동으로 나타나거나, 메뉴 이미지 위에 마우스를 올려놓으면 해당 이미지가 바뀐다거나 입력 폼에서 잘못된 입력 값이나 입력 누락등을 알려주는 메세지 박스가 나타나거나, 마우스를 움직일 때 마다 문자나 이미지가 따라 다니는것 모두 자바 스크립트(JavaScript)로 구현된 것입니다. 자바스크립트는 HTML문서에 삽입하여 상호작용이 가능한 문서를 구현할 수 있도록 넷스케이프에서 개발이 된 것입니다. 자바스크립트는 별도의 컴파일과정을 필요로 하지 않습니다. 브라우저를 해석기로 사용하는 언어이며 ActiveX 컨트롤을 통해 실행이됩니다. 자바스크립트의 특징 간단하고 작은 프로그램 작성에 적합합니다. C/C++이나 자바 애플리케이션 같은 컴파일러 기반의 언어는 기능이 강력하고 복잡한 작업을 ..

CSS 일반적으로 문서는 내용과 스타일로 분리할 수 있습니다. 이제까지의 HTML에서는 문서의 내용에 글자 크기, 글꼴, 색상, 문단정렬, 레이아웃 등의 스타일 기능을 적절히 섞어서 써왔습니다. 하지만 스타일 부분을 별도로 분리하여 쓸 수 있다면 문서에 대한 가독성도 좋아지고 스타일 측면에서도 문서에 통일성을 기할 수 있습니다. CSS는 HTML문서에서 스타일에 관련된 부분을 별도로 분리하여 정의할 수 있도록 지원하는 기능입니다. CSS를 사용하여 스타일을 정의하면 문서의 유지보수 단계에서 스타일의 일관성을 유지할 수 있게 지원할 뿐 아니라, 스타일에 대한 수정이 용이해 집니다. 또한 CSS 코드는 브라우저의 캐쉬메모리에 상주하게 되므로 문서의 다운로드 시간을 줄여 줌으로써 응답속도도 높힐 수 있는 장점..

이미지 태그 이미지 삽입 하나의 브라우저 창에서 여러 개의 HTML문서를 동시에 띄울 수 있도록 해주는 기능이 프레임 입니다. 프레임은 브라우저 창을 몇 개의 작은 공간으로 분할하여 각 공간에 다른 HTML문서를 보여줄 수 있도록 지원합니다. 프레임을 구성하기 위해서는 태그와 태그를 사용합니다. 이떄 주의할 점은 프레임 문서에서는 BODY태그를 사용하지 않는다는 점입니다. 프레임 태그의 기본 사용 예는 아래 코드와 같습니다. 아래 코드는 하나의 태그 안에 2개의 태그를 넣음으로써 브라우저를 두 개의 프레임 공간으로 구분하는 코드이며, 태그가 구분된 각각의 프레임을 나타냅니다. 12345678910 프레임 cs 수직 및 수평 프레임 분할 수직으로 브라우저 창을 구분하여 프레임을 나눌 수도 있고, 수평으로 ..