파이썬을 실행하기위하여 아나콘다를 설치하고 주피터노트북에서 실행함
자바스크립트를 해석해서 실행할 수 있는 도구는 웹브라우저가 가지고 있다.
자바스크립트는 자바스크립트 파일 하나를 가지고 동작할 수 있는 것은 아님,
자바스크립트를 실행시키려면, HTML파일을 실행시키고
브라우저는 독타입이라는 부분을 해석해서 HTML어떤 버젼으로 이루어졌구나 해석하고
자바스크립트 VAR이라는 예약어를 사용했었음
VAR 과 LET의 차이점은?
유효한 스코프가 다름, VAR는 함수단위, 선언된 변수는 IF나 FOR문 밖에서도 쓸 수 있음(함수단위)
파이썬의 단위는 무슨단위? 파이썬의 스코프도 함수단위였음
자박스크립트는 호이스팅이라는게 있는데 밑에서 선언된것을 위에서 불러서 써 이런게 있음,
그러나 의도치않게 불러와지는 경우도 있어서 자바스크립트는 Es6버전이라고하는데,(발전되고있는 과정)
LET고 ㅏCONST가 생김 (변수, 상수) CONST는 한번 선언되면 안바뀜
VAR와 같이 변수 로 사용되는 LET은 블록단위
VAR는 중복선언이 가능함 , LET은 똑같은 이름의 변수가 또 선언되면 오류를 발생시킴, (호이스팅의 문제를 막기위함)
가급적 VAR로 선언하는 것은 가급적 하지말아라,, 프로그램언어에서 값을 담아주는 변수, 변수를 선언하는 방식이 자바스크립트에서는 두가지 , VAR:함수단위, LET: 블록단위
반복문, 조건문, 연산자,, 이런 ㅂ분들은 파이썬과 상이하게 다르지는 않지만, 파이썬에는 있고 자바스크립트에는 없고, 자바스크립트에는 있고 파이썬에는 없는 것들이 있음/
ELIF-ELSE IF / 반복문 크게 다를것없지만, JS에선 DO WHILE부분있었음, FOR라는 구문이 파이썬에서는 다른 언어의 FOR EACH와 비슷하다-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var i;
var n = 10;
var sum = 0;
for (i = 1; i<=n; i++){
if (i%2===1)
continue
sum+=i;
document.write(i+"-------"+sum+ "<br>");
}
// while , for, if 문 써보기
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function print(name){
console.log(name);
}
print('kang');
print('hong')
function sum(a,b){
return a+b;
}
alert(sum(1,23));
console.log(sum(2,3));
document.write(sum(3,4));
function sum(a,b,c){
return a+b+c;
}
</script>
</body>
</html>
선언적 함수: 재정의 될 수 있다.
마지막 함수가 적용이 되어 실행되어 오류발생될 수 있음
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이벤트</title>
</head>
<body>
<h1 onclick="'alert('hi!!!');">클릭!!</h1>
<button onclick="say()">hi </button>
<script>
function say(){
console.log('이벤트 재밌죠?');
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이벤트</title>
</head>
<body>
<h1 onclick="alert('hi!!!');">클릭!!</h1>
<h1 id="here" onclick="changeColor('red');">클릭!!</h1>
<button onclick="say('hello~~')">hi </button>
<button onclick="say('hahaha~~')">hi </button>
<button onclick="say('hehehhe~~')">hi </button>
<script>
function say(msg){
console.log(msg);
}
function changeColor(color){
let h = document.querySelector('#here');
h.style.color = color;
}
</script>
</body>
</html>
