1 . 자바스크립트의 특징
•
인터프리터 방식의 프로그래밍언어다
(인터프리터 방식이란 : 컴파일을 하지않고 한줄한줄씩 읽으면서 수행하는 방식)
•
객체지향프로그래밍
•
nodejs로 인해 활용이 많이 올라감
•
ECMA 스크립트 표준을 따르는 대표적인기술
2. 자바스크립트 작성방식
•
inline방식 : 자바스크립트 양이 한 두줄 정도 소량일 때 사용
- 태그에 이벤트 핸들러 속성을 이용하여 직접 실행 코드작성
- html 태그의 on 이벤트 속성을 이용하여 내장 메소드를 호출하거나 개발자가 선언한 사용자 정의함수를 호출할 때 사용 <태그명 on 이벤트 = '함수명();'>
•
internal방식 : 가장 일반적인 방식. html 파일 내 자바스크립트 소스를 작성
(<head>, <body>)
- 자바스크립트 코드를 작성, 함수 단위로 소스코드를 작성하고 html태그에서 이벤트 핸들러를 통해 함수를 실행시키는 방식
<script>
실행한 소스코드작성
</script>
•
external 방식 : 자바스크립트의 양이 많은 경우 자바스크립트 코드 부분을 외부파일로 저장하여 작성 <script src="경로"> 태그를 이용하여 내용을 삽입 후 사용
3. 데이터 입력
ㅁ 자바스크립트에서 데이터 입력은 어떻게하나?
ㅁ 자바스크립트 내장객체인 window객체가 제공하는 confirm(),prompt()메소드를 사용하여 입력 받는 방법
ㅁ HTML 태그에 접근하여 대상의 값을 읽는 방법
ㅁ HTML form 태그의 input 입력양식을 통해 값을 입력 받는 방법
ㅁ window.confirm()
•
어떤 질문에 대해 "예/아니오"의 결과를 얻을 때 사용
•
대화창에 메시지와 확인,취소 버튼 표시
•
리턴 값 : 확인(true),취소(false)
ex) var 변수 = [window.]confirm("개발자이십니까");
ㅁ window.prompt();
•
텍스트필드와 확인/취소버튼이 있는 대화창 출력
•
리턴값 : 입력한 메시지 내용
ex) var 변수 = [window.]propmpt('이름을 입력해주세요');
3. HTML 태그 접근방법!
메소드
1. getElementById('아이디명)
: 태그의 id속성 값을 이용해서 태그 엘리먼트 객체정보를 가져온다
2. getElementByName('이름)
:태그의 name속성 값을 이용해서 태그 엘리먼트의 객체정보를 배열에 담아서 가져온다.
같은 이름의 태그가 여러개 존재할 수 있기 때문에 기본적으로 배열로 리턴한다.
3.getElementByTagName('태그명')
:태그명을 이용해서 해당 태그들의 객체정보를 배열에 담아서 가져온다
4. 자바스크립트 실행순서
1.
먼저 html작성한것들을 순서대로 배치한다.
2.
그리고 함수관련된거를 메모리에 올려놓는다
3.
이벤트관련명령어가 있으면 이벤트를 클릭하면 램에 미리올려놓은 함수를 불러
정보를 출력한다
이러한 방식을 호이스팅 방식이라고한다.
