| 용어 | 설명 |
| 라이브러리 | 웹 페이지에 구현할 수 있는 기능과 효과등을 하나의 프로그램에 모아서 정리한 것 |
| 플러그인 | 플러그인은 라이브러리에 의존해서 기능과 효과 등을 확장하는데 사용하는 프로그램 중 하나이다. |
| 확장 라이브러리 | 쉽게 설정하면 '플러그인을 정리한 것'이다. 예를 들어 jQuery를 사용해서 UI를 구축하는 작업에 특화한 확장 라이브러리로 'jQuery UI'가 있다. |
| 함수 | 어떤 값(인수)을 전달하면 그 값을 처리하여 결과값을 반환하는 하는 기능 |
| [모던 자바스크립트 입문] 8장. 함수 호출하기 (0) | 2021.02.08 |
|---|---|
| [모던 자바스크립트 입문] 6장. 웹 브라우저에서의 입출력 (0) | 2021.02.05 |
| [Web 2강] HTML과 JS의 만남 (0) | 2021.02.05 |
| JavaScript 관련 용어 (라이브러리, 플러그인, 함수, 확장 라이브러리) (0) | 2021.02.09 |
|---|---|
| [모던 자바스크립트 입문] 6장. 웹 브라우저에서의 입출력 (0) | 2021.02.05 |
| [Web 2강] HTML과 JS의 만남 (0) | 2021.02.05 |
웹 브라우저에 내장된 대화상자를 활용하여 입출력하는 방법을 배웁니다. 대화상자는 실제로 프로그래밍을 할 때 자주 사용되는 요소는 아니지만 입출력이 간단하기 때문에 프로그래밍을 학습할 때 자주 사용된다.
웹 브라우저의 전역 객체인 Window 객체에는 대화상자를 표시하기 위한 메서드가 세 개 있다.
alert("안녕하세요")
var name = prompt ("이름을 입력하세요");
//초기값 지정
var name = prompt ("이름을 입력하세요" , "이현규" );
//prompt가 반환하는 값은 문자열이므로 숫자 값을 구 하려면 parseInt나 parseFloat 메서드를 이용해야한다.
var age = parseInt(prompt("나이를 입력하세요");
var ret = confirm("취소, 확인 버튼을 클릭하세요");
console.time("answer_time");
alert("확인 버튼을 누르십시오");
console.timeEnd("answeR_time"); //answer_time :1236.106ms.
HTML 요소에 이벤트 처리기 속서을 설정하면 그 요소에 이벤트가 발생했을 때 동작하는 이벤트 처리기를 등록할 수 있습니다. 예제를 살펴보면 예제 6-1 CLICK 버튼을 클릭하면 콘솔에 현재 시각을 표시하는 프로그램입니다.
<!DOCTYPE html>
<html">
<head>
<meta charset="utf-8">
<title>시각을 콘솔에 표시하기</title>
<script type="text/javascript">
function displayTime(){
var d =new Date();
console.log("현재시각은 " + d.toLocaleString() + "입니다");
}
</script>
</head>
<body>
<input type="button" value = "click" onclick = "displayTime()">
</body>
</html>
위의 소스에서 가장 핵심은 onclick="displayTime()" 이며 input 요소를 클릭 했을 때 함수 displayTime이 실행되는 것이다.
| JavaScript 관련 용어 (라이브러리, 플러그인, 함수, 확장 라이브러리) (0) | 2021.02.09 |
|---|---|
| [모던 자바스크립트 입문] 8장. 함수 호출하기 (0) | 2021.02.08 |
| [Web 2강] HTML과 JS의 만남 (0) | 2021.02.05 |
JS는 동적이라 1+1을 계산해서 웹상에 뿌려준다. 하지만 HTML은 그냥 그대로 뿌려준다
<<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<h1> javascript </h1>
<body>
<script type="text/javascript">
document.write(1+1);
</script>
<h1> html </h1>
1+1
</body>
</html>
onclick 클릭 했을 때 이미 기억하고 있던 동작하는 메소드 (=Event)
마우스 포인터가 창 밖으로 나간 동작을 인식하는 메소드
키를 눌렸을 때 동작하는 메소드
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type ="button" value ="hi" onclick="alert('hi')">
<input type ="text" onchange="alert('onchange')">
<input type ="text" onkeydown="alert('key down!')">
</body>
</html>
| JavaScript 관련 용어 (라이브러리, 플러그인, 함수, 확장 라이브러리) (0) | 2021.02.09 |
|---|---|
| [모던 자바스크립트 입문] 8장. 함수 호출하기 (0) | 2021.02.08 |
| [모던 자바스크립트 입문] 6장. 웹 브라우저에서의 입출력 (0) | 2021.02.05 |