3. JavaScript

자바스크립트는 웹 개발에서 사용되는 언어입니다.변수, 조건문, 반복문, 함수 등의 개념을 사용하여 웹 페이지를 다양하고 재미있게 만들고, 사용자와 소통할 수 있도록 도와줍니다. 인터넷에서 볼 수 있는 웹 사이트나 게임들도 자바스크립트로 만들어져 있습니다. 다음은 자바스크립트의 핵심 개념과 역할을 정리한 내용입니다

1. 변수(Variables)

변수는 값을 저장하기 위해 사용되며, var, let, const 키워드를 사용하여 선언합니다. var과 let은 재할당이 가능한 변수를 선언할 때 사용되고, const는 재할당이 불가능한 상수를 선언할 때 사용됩니다.

let message = "Hello";
const PI = 3.14;

2. 데이터 타입(Data Types)

JavaScript는 동적 타입 언어이므로 변수의 데이터 타입은 런타임 시에 결정됩니다. 일반적인 데이터 타입으로는 숫자(Number), 문자열(String), 불리언(Boolean), 객체(Object), 배열(Array), 함수(Function), null, undefined 등이 있습니다.

let count = 10;
let name = "EZEN";
let isDone = false;
let person = { name: "Academy", age: 25 };
let numbers = [1, 2, 3, 4, 5];
function greet() {
  console.log("Hello!");
}
let value = null;
let notDefined;

1. let count = 10;: 변수 count를 선언하고 10을 할당합니다. 이 변수는 숫자를 저장하는 데 사용됩니다.

2. let name = "EZEN";: 변수 name을 선언하고 "EZEN"이라는 문자열을 할당합니다. 이 변수는 문자열을 저장하는 데 사용됩니다.

3. let isDone = false;: 변수 isDone을 선언하고 false를 할당합니다. 이 변수는 불리언 값을 저장하는 데 사용됩니다.

4. let person = { name: "Academy", age: 25 };: 변수 person을 선언하고 객체를 할당합니다. 객체는 {} 중괄호로 표현되며, 특정한 속성과 값을 포함합니다. 이 경우 person 객체는 name 속성과 age 속성을 가지고 있습니다.

5. let numbers = [1, 2, 3, 4, 5];: 변수 numbers를 선언하고 배열을 할당합니다. 배열은 [] 대괄호로 표현되며, 여러 개의 값을 순서대로 저장할 수 있습니다. 이 경우 numbers 배열은 1부터 5까지의 숫자를 포함합니다.

6. function greet() { console.log("Hello!"); }: greet라는 이름의 함수를 선언합니다. 이 함수는 "Hello!"라는 메시지를 콘솔에 출력합니다.

7. let value = null;: 변수 value를 선언하고 null을 할당합니다. null은 값이 없음을 나타내는 특별한 값입니다.

8. let notDefined;: 변수 notDefined를 선언하고 초기값을 할당하지 않습니다. 이 변수는 undefined 값으로 초기화됩니다.

위의 코드를 실행하면 변수와 데이터 유형에 해당하는 값들이 각각 할당되고, 함수도 정의됩니다.

3.연산자(Operators)

JavaScript는 다양한 연산자를 제공합니다. 산술 연산자, 할당 연산자, 비교 연산자, 논리 연산자 등이 있습니다.

let sum = 10 + 5; // 변수 sum 에 10과 5를 더한 결과인 15를 할당합니다.
let x = 10; // 변수 x에 10을 할당합니다.
x += 5; // x의 현재 값에 5를 더하여 x에 다시 할당합니다. 이는 x = x + 5;와 동일한 표현입니다. 따라서 x의 값은 15가 됩니다.
let isEqual = x === 15; // 변수 x의 값과 15를 비교하여 그 결과를 isEqual에 할당합니다. x의 값이 15와 일치하므로 isEqual은 true가 됩니다.
let logicalResult = (sum == 15) && (x==15);

(sum == 15) && (x == 15)는 두 개의 조건식을 논리 AND 연산자(&&)로 결합한 것입니다. sum과 x가 각각 15와 같은지 확인하여 둘 다 참일 때 결과가 참(true)이 됩니다.

따라서, (sum == 15) && (x == 15)의 결과는 두 조건이 모두 참인 경우에만 참이 되므로, sum과 x가 모두 15인 경우에만 true를 반환합니다.

예를 들어, sum을 15로, x를 15로 설정한 후에 (sum == 15) && (x == 15)를 실행하면 true를 얻을 수 있습니다. 그 외의 경우에는 false를 얻게 됩니다.

4. 조건문(Conditionals)

조건문은 조건에 따라 코드 블록을 실행하거나 건너뛰는 데 사용됩니다. if, else if, else 키워드를 사용하여 조건문을 작성할 수 있습니다.

let hour = 12;
if (hour < 12) {
  console.log("좋은");
} else if (hour < 18) {
  console.log("좋은 오후입니다");
} else {
  console.log("좋은 저녁입니다");
}

위의 코드는 변수 hour의 값에 따라 조건에 맞는 메시지를 출력합니다. hour 변수의 값이 12보다 작으면 "좋은 아침입니다"를 출력하고, 18보다 작으면 "좋은 오후입니다"를 출력합니다. 그렇지 않으면 "좋은 저녁입니다"를 출력합니다.

5. 반복문(Loops)

반복문은 동일한 코드 블록을 여러 번 실행하는 데 사용됩니다. for, while, do...while 등의 반복문이 있습니다.

for (let i = 0; i < 5; i++) {
  console.log(i);
}

let j = 0;
while (j < 5) {
  console.log(j);
  j++;
}

위의 코드는 반복문을 사용하여 0부터 4까지의 숫자를 출력한 후, while 루프를 사용하여 0부터 4까지의 숫자를 다시 출력합니다.

첫 번째 반복문은 for 문을 사용하여 0부터 4까지의 값을 순차적으로 출력합니다. 변수 i는 초기값 0으로 시작하여 i < 5 조건을 만족하는 동안 반복하며, 각 반복마다 i를 증가시킵니다.

두 번째 반복문은 while 문을 사용하여 동일한 결과를 출력합니다. 변수 j는 초기값 0으로 시작하고, j < 5 조건을 만족하는 동안 반복합니다. 각 반복마다 j를 출력하고, j를 1씩 증가시킵니다.

따라서, 위의 코드를 실행하면 다음과 같은 출력이 될 것입니다

0
1
2
3
4
0
1
2
3
4

6. 함수(Functions)

함수는 재사용 가능한 코드 블록입니다. function 키워드를 사용하여 함수를 선언하고, 필요에 따라 매개변수를 전달하고 반환값을 반환할 수 있습니다.

function greet(name) {
  console.log("Hello, " + name + "!");
}

function add(a, b) {
  return a + b;
}

greet("EZEN");
let result = add(3, 5);
console.log(result);

위의 코드는 함수를 사용하여 "Hello, EZEN!"을 출력하고, 3과 5를 더한 결과인 8을 출력합니다. 함수 greet은 매개변수 name을 받아서 환영 메시지를 출력하는 역할을 합니다. 함수 add는 매개변수 a와 b를 받아서 두 수를 더한 값을 반환합니다.

따라서, 위의 코드를 실행하면 다음과 같은 출력이 될 것입니다:

Hello, EZEN!
8

이외에도 JavaScript는 객체지향 프로그래밍, 프로토타입, 예외 처리, 모듈화 등 다양한 기능과 패턴을 지원합니다. JavaScript의 문법은 유연하고 다양한 기능을 제공하기 때문에 다양한 용도로 활용할 수 있습니다.