[1교시]
Javascript
-1995년 넷스케이프 개발
-Netscape Navigator 2.0 브라우저에 최초 탑재
-웹 프로그래밍 개념 창시
특징
-HTML 문서에 내장 : 조각 소스 코드
-스크립트 언어 : 인터프리터 실행, 컴파일 필요 없어
-단순 : C언어 구조 차용, 배우기 쉬움
웹 페이지에서 자바스크립트의 역할
-사용자의 입력 및 계산 : 마우스와 키보드 입력은 오직 자바스크립트로만 가능, 계산 가능
-웹 페이지 내용 및 모양의 동적 제어 : HTML 태그의 속성, 콘텐츠, CSS 프로퍼티 값 동적 변경
-브라우저 제어 : 브라우저 윈도우 크기와 모양 제어, 새 윈도우 열기/닫기, 다른 웹 사이트 접속, 히스토리 제어
-웹 서버와의 통신
-웹 애플리케이션 작성 : 캔버스 그래픽, 로컬/세션 스토리지 저장, 위치정보서비스 등
자바스크립트 코드 작성이 가능한 위치
-HTML 태그의 이벤트 리스너 속성에 작성
-<script></script>태그에 작성 : <head> 나 <body>내 어디에 삽입 가능, 웹 페이지 내에 <script>를 여러번 작성할 수 있다.
-자바스크립트 파일에 작성
-URL 부분에 작성
[2교시]
자바스크립트로 HTML 콘텐츠를 웹 페이지에 직접 삽입
-바로 브라우저 윈도우에 출력
-document.write() : 예) document.write("<h3>Welcome!</h3>");
-document.writeln()
writeln()은 텍스트에 '\n' 을 덧붙여 출력
\n 을 덧붙이는 것은 고작해야 빈칸 하나 출력
다음 줄로 넘어가는 것은 아님
식별자
-자바스크립트 프로그램의 변수, 상수(리터럴), 함수의 이름
-식별자 만드는 규칙
첫 번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $ 문자만 사용 가능
두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $ 사용 가능
대소문자는 구분되어 다루어짐 : myhome과 myHome은 다른 변수
-식별자로 적합한 것과 그렇지 않는 것의 예
6variable // (x) 숫자로 시작할 수 없음
if // (x) 예약어 if 사용 불가
%calc // (x) % 사용 불가
student_ID // (o)
_code; // (o) 맞지만 '_' 로 시작하는 이름은 권하지 않음
bar, Bar // (o) bar와 Bar는 서로 다른 식별자임에 주의
[3교시]
데이터 타입
-자바스크립트 언어에서 다루는 데이터 종류
숫자타입
논리타입
문자열 타입
객체 레퍼런스 타입 : 객체를 가리킴. C 언어의 포인터와 유사
null : 값이 없음을 표시하는 특수 키워드
-특징 : 자바스크립트에는 문자 타입 없음. 문자열로 표현
변수
-변수 선언
var 키워드로 선언
var 없이 선언
[4교시]
confirm("메시지") 함수
-메시지를 출력하고 확인/취소 버튼을 가진 다이얼로그 출력
-확인 버튼을 누르면 true, 취소 버튼이나 강제로 다이얼로그를 닫으면 false 리턴
alert("메시지") 함수
-메시지와 확인 버튼을 가진 다이얼로그 출력, 메시지 전달
지역변수
-전역 변수 : 함수 밖에서 선언되거나 함수 내에서 var 키워드 없이 선언, 프로그램 전역에서 사용 가능
-지역 변수 : 함수 안에서 var 키워드로 선언. 선언된 함수 내에서만 사용 가능
this로 전역 변수 접근
var x; // 전역변수 x 선언
function f() {
var x; // 지역변수 x 선언
x = 1; // 지역변수 x에 1 저장
this.x = 100; // 전역변수 x에 100 저장
}
갓 프로그래밍에 입문