24.09.30(Javascript 기초)

Javascript

• 웹 개발의 핵심 언어
• 브라우저에서 동적인 웹페이지를 만들거나 서버 측 프로그래밍에서도 사용 가능

변수 선언(Variable Declaration)

• 변수 : 데이터를 저장하는 공간
• var : 함수 범위 변수 선언

var x = 10;
document.write(x); // 10

• let : 블록 범위 변수 선언. 재할당 가능

let y = 5;
y = 7; // 가능
document.write(y); // 7

• const : 상수 선언. 재할당 불가능

const z = 3;
// z = 4; // 오류 발생
document.write(z); // 3

데이터 타입(Data Type)

• 기본 자료형
  • number : 숫자형(정수, 실수 모두 가능)
  • string : 문자열
  • boolean : 논리값(true, false)
  • undefined : 값이 할당되지 않은 변수
  • null : 명시적으로 값이 없음을 나타내는 값
  • symbol : 고유하고 변경 불가능한 값
• 참조 자료형
  • object : 객체, 배열 등과 같은 복합 데이터 타입

let num = 10; // number
let str = "Hello"; // string
let bool = true; // boolean
let obj = { name: "Alice", age: 25 }; // object

document.write("num: " + num + "<br>"); // num : 10
document.write("str: " + str + "<br>"); // str : Hello
document.write("bool: " + bool + "<br>"); // bool : true
document.write("obj: " + JSON.stringify(obj) + "<br>"); // obj: {"name":"Alice","age":25}

연산자(Operators)

• 산술연산자 : +, -, *, /, %

let a = 10, b = 5;

document.write("a + b: " + (a + b) + "<br>"); // a + b: 15
document.write("a - b: " + (a - b) + "<br>"); // a - b: 5
document.write("a * b: " + (a * b) + "<br>"); // a * b: 50
document.write("a / b: " + (a / b) + "<br>"); // a / b: 2
document.write("a % b: " + (a % b) + "<br>"); // a % b: 0

• 비교연산자 : ==, !=, >, <, >=, <=

document.write(5 == "5"); // true 
document.write(5 != "5"); // false

• 논리연산자 : &&(AND), ||(OR), !(NOT)

document.write(true && false); // false
document.write(true || false); // true
document.write(!true); // false

조건문(Conditional Statements)

• 조건에 따라 코드의 실행을 분기할 때 사용
• if문

let age = 20;

if (age >= 20) {
    document.write("어른<br>");
} else {
    document.write("청소년<br>");
}
// 어른

• if-else if-else문

let score = 85;

if (score >= 90) {
  document.write("A");
} else if (score >= 80) {
  document.write("B");
} else {
  document.write("C");
}
// B

• 삼항 연산자

let result = (age >= 20) ? "어른" : "청소년";
document.write(result);
// 어른