은둔형 공학자

1. 1. 객체 지향 프로그래밍이란
   • 속성(Properties)과 메소드(Method)로 나누어서 구성
   • 속성은 객체를 구성하고 있는 물리적인 구성 요소들을 의미합니다.
   • 메소드는 객체들로 할 수 있는 모든 동적인 활동들을 의미합니다.
2. 2.내장 객체는 자바 스크립트로 프로그램을 작성하는 동안 자주 사용되는 것들을 묶어서 미리 정의해 놓은 객체입니다.
3. 3.분기(multipoint, multidrop) 방식에서는 컴퓨터 시스템에 연결된 하나의 전용회선에 단말기가 여러 대 연결되어 컴퓨터에서 데이터를 수신할 때는 동시에 수신한다.
   • Date : 날짜와 시간을 처리하기 위한  객체입니다.
   • Array : 배열을 만들어 주는 객체입니다.
   • String : 문자열을 다루기 위한 객체입니다.
   • Math : 수학 계산을 위한 객체입니다.
   • Screen : 화면의 해상도나 색상, 화면의 크기에 관한 정보를 제공하는 객체입니다.
4. 4. Date 객체
   • 웹 페이지에 오늘의 날짜와 시간 및 요일 등을 표시
   • get 메소드
     • 시스템에 설정된 날짜 중에서 월과 일만 개별적으로 추출
5. 5. Date 객체를 이용, 오늘의 요일 표시
   • getDay()
     • 요일을 표시(0=일, 1=월, 2=화, 3=수, 4=목, 5=금, 6=토)
   • setDay()
     • 요일을 설정
   • getTime()
     • 두 날짜 사이의 차 구하기
     • 설정된 날짜를 1/1000초 단위로 환산하여 차를 구한 후 몇 일인지 환산

1. 1. For문
   • 반복 횟수가 주어진 경우에 사용하는 반복문
2. 2. While문
   • while문은 돌발적인 사태에 의해 반복문을 벗어나는 반복 회수가 결정되지 않은 반복문
3. 3. Do~while문
   • While문과 동일한 기능을 한다.
   • do~while문은 적어도 한번은 실행된다.
4. 4. 내장 함수
   • 자바스크립트에서 제공하고 있는 내장함수
5. 5. parseInt 함수
   • 매개 변수로 지정한 문자열을 10진수로 인식하여 정수값 변환
   • 더하기 연산을 하면 문자열 더하기로 인식 문자열을 연결
6. 6. 사용자가 함수를 직접 정의
7. 7. 내장 함수와 동일한 방법으로 호출

1. 1. if문
2. 2. Switch문

문장을 기능적으로 나누어 정의하는 함수 

for 문 

============

for(초기식; 조건식; 증감식){  

      반복 처리할 문장  

}  

=========================

while 문 

==========================

while( 조건식 ){  

        반복 처리할 문장  

}  

=============================

do while 문 

=========================

do {  

      반복 처리할 문장  

}while( 조건식 );  

======================

continue 문-제어문을 보조하는 명령문 

break 문  

문자열을 정수로 변환하는 parseInt함수 

– 매개 변수로 지정한 문자열을 10진수로 인식하여 정수값 변환 

– 문자 형태의 자료를 계산 가능한 정수로 변경 

– prompt() 입력 함수는 문자 형태로 값을 입력 

– 더하기 연산을 하면 문자열 더하기로 인식 문자열을 연결 

– 입력 받은 값을 정수형으로 변환 후 수식 계산 

parseInt(문자열, [진수]) 

 사용자 정의 함수 

• 사용자가 함수를 직접 정의 

• 내장 함수와 동일한 방법으로 호출 

fuction 함수이름(매개변수1, 매개변수2 ...매개변수n)  

{  

      함수에서 처리할 문장  

      [return 반환값]  

}  

여러 조건 중 한 문장만 선택하여 실행하는 선택문  

1. if 문 

  단일 조건 처리문  

-------------------------

if(조건식){  

        결과가 참일 때 수행할 문장  

}  

else {  

        결과가 거짓일 때 수행할 문장  

}  

--------------------------
2. Switch문 

-----------------------------

switch(수식){         //switch 시작을 알리는 중괄호(반드시 적어주어야 한다.  

    case value1 : 처리할 문장1; [break;]  

    case value2 : 처리할 문장2; [break;]  

    case value3 : 처리할 문장3; [break;]  

    :  

    :  

    default  : 처리할 문장n;  

}   //switch 끝을 알리는 중괄호(생략 불가능)  

다음 문장;  

-------------------------------

1. 1. 웹 브라우저에서 자바 스크립트 프로그램 실행하기
2. 2. 자료형의 종류
   • 정수형, 실수형, 논리형 그리고 문자형
3. 3. 변수 만드는 방법
   • 변수의 시작은 반드시 영문자나 UnderBar( _ )를 사용하고 숫자는 절대 사용할 수 없다.
   • 두 번째 문자부터는 영문자(A～Z, a～z), 숫자(0～9) UnderBar( _ )를 모두 사용
   • 대소문자를 구분합니다.
   • 변수 명을 구성하는 문자들 사이에 공백이 와서는 안 되고 반드시 문자가 모두 연결되어야 한다. 두 단어가 합쳐서 만들어진 변수 명인 경우 UnderBar( _ )를 사용하여 표현한다.
   • 미리 정해진 예약어(KeyWord)는 변수로 사용할 수 없다.
4. 4. 변수 사용하기
   • var TEST
5. 5. 산술, 관계, 논리 연산자
6. 6. 자바스크립트에 내장된 대화 상자를 이용한 인터페이스
   • 웹 브라우저 상에서 사용자들과의 원활한 인터페이스를 위해서 자바 스크립트에서는 대화 상자를 제공합니다.
   • 제공되는 대화 상자는 함수들을 사용하여 출력할 수 있습니다.
   • 대화상자는 기능별로 나뉘어 있으면 용도에 따라 알맞은 함수를 호출하여야 합니다.

1. 1.자바스크립트는 선 마이크로시스템사(Sun MicroSystems)와 넷스케이프사가 공동으로 제작하여 만들어 낸 스크립트입니다.
2. 2. 자바 스크립트로 무엇을 할 수 있을까?
   • 스크립트언어는 원래의 언어에서 지원하지 못하는 일을 대신 처리해 주기 위해서 사용
   • 자바스크립트가 하는 대표적인 작업들도 HTML이 지원하지 못하는 다양한 기능들을 제공
3. 3. 자바 스크립트의 기본 구조
   • <SCRIPT LANGUAGE="JavaScript">
         자바스크립트 코드
     </SCRIPT>
   • 4. HEAD 부분에 삽입
     • 가장 안전하고 일반적인 형태, 다른 문장에 비해 먼저 해석되어 처리된다는 장점
   • 5. BODY 부분에 삽입
     • 일반적이지 않은 방법, body 부분의 문장이 수행되는 도중에 자바스크립트 문장들이 반드시 기술되어야 하는 경우 사용
   • 6. 자바스크립트 외부에서 불러오기
     • 완전히 독립된 다른 파일로 작성, 파일 확장자는 “js”로 지정, 순수 자바스크립트로만 구성
   • 7. 주석문
     • 자바스크립트는 지원되지 않는 브라우저에서는 자바스크립트 소스가 그대로 노출 이를 방지하기 위해 주석처리, <!--와 //-->기호

1. 1. 배경 지정
   • 배경에 색상을 지정할 뿐만 아니라 이미지 삽입 가능
   • 배경 이미지 설정 : “background-image” 속성
     • 삽입할 이미지의 파일명을 기술하려면 “url”을 기술하여 지정
   • 타일 효과
     • “background-repeat” 속성
     • no-repeat : 배경 이미지 반복하지 않고 한번만 출력
2. 2. 배경 이미지 위치 조정
   • background-position 속성
     • 왼쪽 상단을 [0%, 0%]=left top
     • 오른쪽 하단[100%, 100%]=right bottom
     • 중앙[50%, 50%]=center center
3. 3. 배경 이미지 고정
   • background-attachment 속성
     • 속성값을 “fixed”로 지정
     • 배경 이미지 고정, 내용만 스크롤
   • 배경 스타일 한번에 설정
     • 배경에 관련된 속성 한번에 지정
     • background 속성 다음에 적용하고자 하는 속성들에 대한 값들 나열

웹 브라우저에서 자바 스크립트 프로그램 실행하기 

[따라하기 :자바 스크립트를 웹브라우저로 실행하기]  

① [시작] 단추를 누른 후 [프로그램]->[Internet Explorer]를 선택합니다. 잠시 기다리면 익스플로러가 실행됩니다.  

② [파일]메뉴의 [열기]를 선택합니다.  

③ [열기] 대화 상자가 나타나면 [찾아보기] 단추를 클릭합니다.  

④ 자바스크립트 문서가 저장되어 있는 폴더를 지정합니다. js01-01.html 파일을 선택한 다음 [열기] 단추를 클릭합니다. [확인] 단추를 클릭합니다.  

⑤ 웹 브라우저에 자바스크립터 문서의 실행 결과가 나타납니다.  

자료형의 종류와 변수 

1. 자료형의 종류  

-정수형, 실수형, 논리형 그리고 문자형  

2. 변수 만드는 방법  

 변수의 시작은 반드시 영문자나 UnderBar( _ )를 사용하고 숫자는 절대 사용할 수 없다.  

 두 번째 문자부터는 영문자(A～Z, a～z), 숫자(0～9) UnderBar( _ )를 모두 사용합니다.  

 대소문자를 구분합니다.  

 변수 명을 구성하는 문자들 사이에 공백이 와서는 안 되고 반드시 문자가 모두 연결되어야 한다. 두 단어가 합쳐서 만들어진 변수 명인 경우 UnderBar( _ )를 사용하여 표현합니다.  

 미리 정해진 예약어(KeyWord)는 변수로 사용할 수 없습니다.   

3. 변수 사용하기  

 var TEST 

자바스크립트에 내장된 대화 상자를 이용한 인터페이스 

웹 브라우저 상에서 사용자들과의 원활한 인터페이스를 위해서 자바 스크립트에서는 대화 상자를 제공합니다.  

제공되는 대화 상자는 함수들을 사용하여 출력할 수 있습니다.  

대화상자는 기능별로 나뉘어 있으면 용도에 따라 알맞은 함수를 호출하여야 합니다.  

자바스크립트란? 

개요 

자바스크립트는 선 마이크로시스템사(Sun MicroSystems)와 넷스케이프사가 공동으로 제작하여 만들어 낸 스크립트입니다.  

▪ 자바 스크립트로 무엇을 할 수 있을까?  

스크립트언어는 원래의 언어에서 지원하지 못하는 일을 대신 처리해 주기 위해서 사용됩니다. 자바스크립트가 하는 대표적인 작업들도 HTML이 지원하지 못하는 다양한 기능들을 제공합니다.  

웹 페이지에 작은 꽃(눈)들이 흩날리는 효과를 만들 수 있고, 마우스를 따라 다니는 글자 효과를 만들 수 있습니다.  

HTML에서 작성한 입력 상자에 입력받은 사용자의 정보를 서버 측으로 넘겨주기 위해 [보내기] 버튼을 누릅니다. 이때 버튼을 누르는 사건을 사용자가 브라우저에 발생시킨 이벤트로 보고 이를 처리합니다. 이벤트의 발생이 일어났을 때 이를 알아내어 처리할 수 있도록 하는 활동들이 자바스크립트를 통하여 가능합니다.  

자바스크립트의 기본 구조? 

기본 구조 

<SCRIPT LANGUAGE="JavaScript">  

        자바스크립트 코드  

</SCRIPT>  

자바 스크립트는 기본적인 HTML 문서에 <SCRIPT>...</SCRIPT> 구문을 삽입합니다. 

자바 스크립트를 기술하는 방법을 3가지로 구분합니다.  

1. HTML의 <HEAD> . . . </HEAD> 사이에 작성합니다.  

2. HTML의 <BODY> . . . </BODY> 사이에 작성합니다.  

3. 외부 파일(js 형식)로 작성하여 SOURCE 속성을 이용하여 삽입합니다.

HEAD 부분과 BODY부분에 자바 스크립트 포함하기 

• HEAD 부분에 삽입 

– 가장 안전하고 일반적인 형태 

– 다른 문장에 비해 먼저 해석되어 처리된다는 장점 

• BODY 부분에 삽입 

– 일반적이지 않은 방법 

– body 부분의 문장이 수행되는 도중에 자바스크립트 문장들이 반드시 기술되어야 하는 경우 사용 

자바 스크립트 외부에서 불러들이기 & 주석문 

• 자바스크립트 외부에서 불러오기 

– 완전히 독립된 다른 파일로 작성 

– 파일 확장자는 “js”로 지정, 순수 자바스크립트로만 구성 

– <script>태그의 src 속성에 해당 자바스크립트 파일 지정 

– <script>태그는 자바스크립트에서 제외 

• 주석문 

– 자바스크립트는 지원되지 않는 브라우저에서는 자바스크립트 소스가 그대로 노출 

– 이를 방지하기 위해 주석처리,<!--와 //-->기호