[Java Script] 내가 보려고 만든 기초 핵심 내용정리
Machine translation — switch to KO for the original.
1. HTML 파일 내 설정 위치와 문서확인법
별도 파일을 생성하지 않고 html 에서 파일 생성시 자바스크립트는 css 와 마찬가지로 임베디드 방식의 태그 내에서 처리할 수 있다. 마찬가지로 별도 파일을 생성하는 경우 link 를 통해 연결하면 된다.
window.onload=function(){} 을 사용해서 웹 브라우저가 열렸을 때 어떤 것을 실행해서 보여줄 것인지를 확인한다. 웹의 뼈대는 태그 내에 HTML 로 구성하고 추가로 자바스크립트에서는 .html() 등을 사용해서 태그를 넣을 수 있다.
+
작성을 하면서 원하는 결과 값이 나오는지 확인하는 과정이 필요하기에 console.log() 또는 alert() 를 띄워서 확인한다.
오류 발생시에는 실행된 웹페이지에서 F12 를 보면 개발자도구 source 에서 버그 확인이 가능하다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>제목</title>
<style type="text/css"></style>
<script type="text/javascript">
window.onload = function() {
console.log("Hello,world!");
alert("Hello,world!");
}
</script>
</head>
<body>
</body>
|
cs |
2. 타입의 설정, typeof()
변수의 타입을 설정할 때, java 에서는 타입별 표기가 다르고 배열은 int[] 이렇게 표기했지만, 자바스크립트에서는 모두 var 변수명 으로 작성이 가능하다. (배열포함)
변수를 변경할 수 없는 상수와 같은 개념이 있는데 let 변수명 으로 작성가능하다. 동일 변수명 설정불가!
그리고 변수 타입확인은 typeof() 로 가능하며, 결과값은 Number, String, Undefined, NaN, Function 등으로 나타난다.
3. 함수 선언하는 세 가지 방법
1번 →