1강. Javascript : html, 변수
* HTML
<html>
helloWorld <br>
</html>
==> 기록 내용 그대로 출력 (변수, 메소드가 없다)
Javascript
html 내부 프로그래밍 필요하다.
자바언어 전혀 다른 언어
================ a.html ================
<html>
<head>
---> 브라우저 주소 제목, 인코딩 방식, 현재 문서 설정 내용
<script>
</script>
<body>
---> 브라우저 본문 내부 출력 내용
</body>
</head>
</html>
브라우저
HTML, Javascript 코딩 툴 ==> 이클립스
HTML, Javascript 결과 출력 ==> ie,chrome,firefox
* 태그
head/body/h1~h6/p/a/img/table/form
* form 태그들 ; 사용자 입력(마우스 클릭 이벤트 발생)
<form action = "http://192.163.0.3:8080/jsp/a.jsp">
<input type=submit value="확인"/>
</form>
텍스트
<input type = text, password, hidden>
<textarea rows="?" cols="?">
버튼
<input type = radio, checkbox, submit>
<select - option>
<button>
파일/이미지선택
form enctype = multipart/form-data
<input type = file
HTML5 추가 input type : 날짜/시간/범위
html 오류코드
http 404 오류 ; file not found ; 파일 존재하지 않을 때 발생한다.
<a href=a.html></a>
CSS ; cascading style sheet
html 태그의 레이아웃을 결정하는 요소들
<font size="20" color=""><tr><td>
</font>
<style>
태그명
{
속성명 : 속성값;
속성명 : 속성값;
...
}
</style>
<link ; 별도의 파일을 외부에서 얻어올 때 사용한다.>
a:hover ; 링크에 마우스를 댄 상태
a:visited ; 링크를 한번 클릭한 상태
* 자바스크립트 입출력
자바 스크립트 : 모든 객체를 포함하는 최상위 객체
1. window.confirm()
confirm(): 자신 파일 저으이 메소드이거나,
window 내장객체 메소드
confirm("삭제하시겠습니까?"): yes / no
2. window.alert()
alert() : 팝업창 / 경고창
alert("마우스 오른쪽 버튼 금지")
alert : 메시지 출력
사용자 입력 : window.prompt()
prompt("메시지","미리입력된 값");
브라우저(=클라이언트 컴퓨터) 화면 출력 : document.write("")
디버깅 목적 ==> 콘솔(서버컴퓨터)출력 : console.log("")
==> 내장객체 생성
객체명.메소드명()
* 자바 스크립트 변수
var 변수명 = 값;
값의 종류 ; 정수, 실수, 논리값, 객체,
함수(function(){}), undefined(타입 정해져 있지 않음)
var i = 100;
var i = 100.99;
var i = false
var i = 's';
var i = 'sssss';
var i = new Date();
* 자바스크립트 연산자
= 대입
== 값동등 비교
=== 타입과 값 동시 비교한다.
typeof : 변수 타입 알려줌(단 객체형일 경우 object)
constructor() : 내장함수(실제 객체 생성 타입 알고자 한다면 사용한다)
instanceof 객체 타입 알려줌
