Kim's Programming

반복문 반복하여 특정 문구를 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 수직 및 수평 프레임 분할 수직으로 브라우저 창을 구분하여 프레임을 나눌 수도 있고, 수평으로 ..

구조체 대입 구조체가 배열과의 차이점을 꼽자는 것은 대입이 가능하다는 것입니다. 다음 코드는 초기화된 구조체 Person1의 멤버들을 Person2에 그대로 대입합니다.123tag_Person Person1={"홍길동",29,176.43};tag_Person Person2;Person2=Person1;csi=j 같이 정수형 변수 끼리 대입하면 i와 j가 똑같은 값을 가지게 되듯이 Person2=Person1와 같이 구조체를 대입하면 두 구조체는 내용이 같아집니다. 물론 대입 연산자의 좌, 우변은 동일한 타입의 구조체여야 합니다. 구조체끼리의 대입 연산 동작은 구조체의 길이만큼 메모리 복사로 정의 되어 있는데 Friend2=Friend1대입문은 다음 코드와 기능상 동일합니다.1memcpy(&Person2,..

이미지 태그 이미지 삽입 HTML 문서에 이미지를 삽입할 떄 태그를 사용합니다. 태그의 속성으로는 src, height, width, border, align, alt등이 있습니다. src는 삽입할 이미지 파일이 있는 경로명과 파일명을 속성값으로 취하며 필수적으로 써야하는 속성입니다. 경로명은 절대경로 상대경로 모두 가능합니다. height와 wifth는 이미지의 크기를 지정하는 속성으로 높이와 폭을 픽셀단위로 지정합니다. height와 width 속성을 이용하여 이미지의 크기를 지정하는것은 이미지의 크기가 변경되지 않고 단지 브라우저에서 표시되는 크기가 변경됩니다. 만약 표시되는 이미지에 비해서 실제 이미지가 너무 크게 되면 로딩속도만 느려지게 됩니다.(이미지 크기는 용량과 비례하기떄문에) border..