[JavaScript] 자바스크립트 기초 배우기
by 효기’s
자바스크립트 기본 문법
변수(선언) → var 변수명 = 초기값
var: ES5 이전의 JavaScript에서 사용되던 변수 선언 키워드입니다.
var로 선언된 변수는 함수 스코프(function scope)를 가지며,
함수 내부에서 선언된 경우 해당 함수 내에서만 유효합니다.
또한, var로 선언된 변수는 호이스팅(hoisting)에 영향을 받아, 변수가 선언되기 전에도 참조할 수 있습니다.
let: ES6 (ECMAScript 2015)에서 도입된 블록 스코프(block scope) 변수입니다. let으로 선언된 변수는 중괄호({})로 감싼 블록 내부에서만 유효합니다. 함수 내부나 전역 범위에서 사용될 수도 있습니다. let으로 선언된 변수는 호이스팅되지 않으며, 초기화하기 전까지는 일시적인 사각 지대(temporal dead zone)에 있게 됩니다.
const: const 역시 ES6에서 도입된 불변(immutable) 상수를 정의하는 키워드입니다. 한 번 할당하면 값을 변경할 수 없으며, 재할당이 금지됩니다. 따라서 상수로 사용할 값에 대해선 보다 안전하고 읽기 쉬운 코드를 작성할 수 있습니다.
배열
let arr = [1, 2, 3, 4, 5];
let arr = new Array(1, 2, 3, 4, 5);
자바스크립트에서 웹에 글자 출력하기
<html>
<head>
<title>간단한 자바스크립트</title>
<script language="javascript">
document.write("처음 만드는 자바스크립트!");
</script>
</head>
</html>
오류 코드 확인하는 방법
<!-- 오류 코드 확인하는 방법 -->
<html>
<head>
<title>간단한 자바스크립트</title>
<script language="javascript">
var firstName = "슈퍼맨";
try {
document.write("내 이름은 " + lastName);
} catch (ex) {
document.write(ex.message);
}
</script>
</head>
</html>
함수 선언
<!-- 함수 선언 -->
<html>
<head>
<title>간단한 자바스크립트</title>
<script language="javascript">
function sayHello (){
document.write("안녕하세요?");
}
function add(a, b){
document.write(" 총 합은 : " + a + b + " 입니다.");
}
function add2(a, b){
return a + b;
}
sayHello();
add(3, 5);
var result = add2(6, 2);
document.write(result + "입니다.")
</script>
</head>
</html>
다양한 window
<!--
window
-->
<html>
<head>
<title>간단한 자바스크립트</title>
<script language="javascript">
alert("경고"); // 그냥 경고창
let userInput = prompt("당신의 이름은 무엇입니끼?.");
alert(userInput + "님 환영합니다.");
var result = confirm("2023년에 이루고자 하는것은 이루셨나요?");
if(result){
alert("수고하셨어요! 2024년에도 화이팅");
}else{
alert("저런 2024년에는 꼭 모두 이루세요!")
}
// 메소드
window.open("http://www.netmarble.net", "popup1",
"left=0, top=0, width=300, height=150, location=yes, status=no");
// 지정시간 지나면 특정 함수 실행
var timer = setTimeout(sayHello, 3000);
function sayHello(){
alert("3초만 기다려라");
}
</script>
</head>
</html>
시간이 지날때 마다 계속 호출(6번이상 클릭시 경고창 안뜸)
<!-- 시간이 지날때마다 계속 호출함 (6번) -->
<html>
<head>
<title>간단한 자바스크립트</title>
<script language="javascript">
let count = 0;
let timerId = setInterval(() => {
if (count > 5) {
clearInterval(timerId)
} else {
alert('째깍')
count++;
}
}, 1000);
</script>
</head>
</html>
'Studying > JavaScript' 카테고리의 다른 글
| [JS 자바스크립트] 비동기식과 동기식의 차이점 (0) | 2023.09.20 |
|---|---|
| 정규 표현식 (Regular Expression) 정리 (1) | 2023.09.18 |
| JavaScript 자바스크립트 기본 문법 및 핵심 개념정리 (0) | 2023.03.23 |
| Javascript 자바스크립트 데이터 개념정리 (0) | 2023.03.23 |
블로그의 정보
감성 개발자 효기
효기’s